/*contents common*/ /*ico*/ .ico { display: inline-block; vertical-align: middle; background-repeat: no-repeat; } .min_ico { width: 20px; height: 20px;background-image: url(/images/sub/min_ico.png); } .min_ico.dropdown_ico { background-position: center -177px; } .min_ico.link_btn_ico { background-position: center -4px; } .min_ico.paper_ico { background-position: center -253px; } .min_ico.next_ico { background-position: center -278px; } .min_ico.move_ico { background-position: center -304px; } .min_ico.file_ico { background-position: center -328px; } .min_ico.prev2_ico { background-position: center -354px; } .min_ico.next2_ico { background-position: center -378px; } .min_ico.g_tel_ico { background-position: center -403px; } .min_ico.g_home_ico { background-position: center -428px; } .min_ico.g_letter_ico { background-position: center -452px; } .min_ico.g_loca_ico { background-position: center -478px; } .min_ico.download_ico { background-position: center -503px; } .min_ico.download2_ico { background-position: center -529px; } .min_ico.move2_ico { background-position: center -554px; } .min_ico.tel_ico { background-position: center -578px; } .min_ico.print_ico { background-position: center -603px; } .min_ico.next3_ico { background-position: center -629px; } /*btn*/ .btn { text-align: center; display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 0px; border: none; background-color: transparent; } .xs_btn { height: 26px; padding: 0 12px; font-size: 12px; line-height: 1; } a.xs_btn { height: 26px; padding: 0 12px; font-size: 12px; line-height: 26px; } .s_btn { height: 30px; padding: 0 12px; font-size: 14px; line-height: 1; } a.s_btn { height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; } .m_btn { height: 36px; font-size: 13px; line-height: 1; } a.m_btn { height: 36px; padding: 0 15px; font-size: 13px; line-height: 36px; } .lg_btn { height: 42px; padding: 0 20px; font-size: 15px; line-height: 1; } a.lg_btn { height: 42px; padding: 0 20px; font-size: 15px; line-height: 42px; } .gray_btn { background-color: #606060; color: #fff; } .green_btn { background-color: #318c6e; color: #fff; } .darkgreen_btn { background-color: #4c675f; color: #fff; } .black_btn { background-color: #444; color: #fff; } .green_line_btn { border: 2px solid #1c8c67; background-color: #fff; color: #1a805e; } .gray_line_btn { border: 1px solid #ccc; background-color: #fff; color: #666; } .btn_type1 {} .btn_type1 .btn { margin: 0 3px; } .btn_type1 .left { overflow: hidden; } .btn_type1 .left .btn { float: left; margin-right: 5px; margin-left: 0; } .btn_type1 .left .btn:first-child { margin-left: 0; } .btn_type1 .left .btn:last-child { margin-right: 0; } .btn_type2 { margin-bottom: 60px; } .btn_type2 .btn { margin: 0 3px; } .btn_type2 .right .btn:last-child { margin-right: 0; } .btn_type2 .right .m_btn { font-weight: 700; } .btn_type2 .right a.m_btn.black_btn { width: 80px; } .btn_type2 .right a.m_btn.green_line_btn { width: 120px; } .btn_type3 > div { overflow: hidden; } .btn_type3 > div .btn { float: left; } .btn_type3 .btn:nth-child(2) { border-left: none; } /*171221 add:J*/ .btn_type4 {} .btn_type4 .btn { margin: 0 3px; } .btn_type4 .left { overflow: hidden; } .btn_type4 .left .btn { float: left; margin-right: 5px; margin-left: 26px; } /*badge*/ .badge { display: inline-block; vertical-align: middle; } .badge_style1 { width: 60px; font-size: 12px; line-height: 23px; } .grey_badge { background-color: #888; color: #fff; } .green_badge { background-color: #1f9970; color: #fff; } .orange_badge { background-color: #fb7a08; color: #fff; } /*sub visual*/ .sub_visual { overflow: hidden; position: relative; height: 415px; background-color: #fff; } .sub_visual img { position: absolute; top: 0px; left: 50%; width: 1920px; max-width: 1920px; margin-left: -960px; } .sv_txt { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -90px; text-align: center; font-size: 34px; font-family: NanumSquare; font-weight: 700; color: #fff; line-height: 65px; } .sv_txt a { width: 65px; height: 65px; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -9999px; } .sv_txt a.sv_prev { background-image: url(/images/sub/sv_prev.png); } .sv_txt a.sv_next { background-image: url(/images/sub/sv_next.png); } .sv_txt span { margin: 0 50px; } /*strapline*/ /* .strapline { position: relative; margin-top: -150px; z-index: 1; } .strapline .nav { border-top: 1px solid rgba(255,255,255,0.5); background: rgba(0,0,0,0.5); } .strapline .nav > li { float: left; position: relative; } .strapline .nav > li > a { padding: 0 20px; border-left: 1px solid rgba(255,255,255,0.3); line-height: 55px; color: #fff; } .strapline .nav > li:hover > a { background-color: #008c5d; } .strapline .nav > li.home a { width: 55px; background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; } .strapline .nav > li:last-child > a { border-right: 1px solid rgba(255,255,255,0.3); } .strapline .nav > li a span { display: inline-block; } .strapline .nav > li a i.dropdown_ico { width: 12px; margin-left: 40px; } .strapline .nav > li:hover a i.dropdown_ico { background-position: center -203px; } .strapline .nav > li ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; } .strapline .nav > li:hover ul { display: block; } .strapline .nav > li ul li a { padding: 10px 20px; background-color: #008c5d; color: #fff; } .strapline .nav > li ul li:first-child a { padding-top: 20px; } .strapline .nav > li ul li:last-child a { padding-bottom: 20px; } .strapline .nav > li:hover ul li a { width: 100%; } .strapline .etc { position: absolute; right: 0; top: 0; } .strapline .etc { float: right; } .strapline .etc > li { float: left; position: relative; border-left: 1px solid rgba(255,255,255,0.3); } .strapline .etc > li:last-child { border-right: 1px solid rgba(255,255,255,0.3); } .strapline .etc > li > a { padding: 0 20px; width: 55px; background-color: rgba(0,0,0,0.3); background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -55px; color: #fff; text-indent: -9999px; line-height: 55px; } .strapline .etc > li:hover > a { background-color: #008c5d; } .strapline .etc > li > button { padding: 0 20px; width: 55px; background-color: rgba(0,0,0,0.3); background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -110px; color: #fff; text-indent: -9999px; line-height: 55px; } .strapline .etc > li:hover > button { background-color: #008c5d; } .strapline .etc > li ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; } .strapline .etc > li:hover ul { display: block; } .strapline .etc > li ul li a { padding: 0 20px; width: 100%; background-color: #008c5d; background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -55px; text-indent: -9999px; line-height: 55px; } .strapline .etc > li ul li:first-child a { background-position: center -275px; } .strapline .etc > li ul li:nth-child(2) a { background-position: center -330px; } .strapline .etc > li ul li:last-child a { background-position: center -385px; } */ /*strapline*/ .strapline { position: relative; margin-top: -56px; border-top: 1px solid rgba(255,255,255,0.5); background: rgba(0,0,0,0.5); z-index: 1; } .strapline .nav > li { float: left; position: relative; } .strapline .nav > li > a { padding: 0 60px 0 20px; border-left: 1px solid rgba(255,255,255,0.3); line-height: 55px; color: #fff; display: block; position: relative;} .strapline .nav > li:hover > a { background-color: #50a935; } .strapline .nav > li.home a { width: 55px; background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; } .strapline .nav > li:last-child > a { border-right: 1px solid rgba(255,255,255,0.3); } .strapline .nav > li a i.dropdown_ico { width: 12px; margin-left: 0px; position: absolute; top:17px; right: 14px;} .strapline .nav > li:hover a i.dropdown_ico { background-position: center -203px; } .strapline .nav > li ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; } .strapline .nav > li:hover ul { display: block; } .strapline .nav > li ul li a { padding: 20px 20px; background-color: #fafafa; color: #fff; color: #828282;border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca;} .strapline .nav > li ul li:first-child a { /* padding-top: 20px; */ border-top:1px solid #cacaca;} .strapline .nav > li ul li:last-child a { /* padding-bottom: 20px; */} .strapline .nav > li:hover ul li a { width: 100%; } .strapline .nav > li:hover ul li a:hover{background-color: #dddddd; color: #2f2f2f; font-weight: bold;} .strapline .nav > li.depth1{min-width: 143px;} .strapline .nav > li.depth2{min-width: 143px;} .strapline .nav > li.depth3{min-width: 186px;} .strapline .nav > li.depth4{min-width: 186px;} .strapline .etc { position: absolute; right: 0; top: 0; } .strapline .etc { float: right; } .strapline .etc > li { float: left; position: relative; border-left: 1px solid rgba(255,255,255,0.3); } .strapline .etc > li:last-child { border-right: 1px solid rgba(255,255,255,0.3); } .strapline .etc > li > a { padding: 0 20px; width: 55px; background-color: rgba(0,0,0,0.3); background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -55px; color: #fff; text-indent: -9999px; line-height: 55px; } .strapline .etc > li:hover > a { background-color: #51a63e; } .strapline .etc > li > button { padding: 0 20px; width: 55px; background-color: rgba(0,0,0,0.3); background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -110px; color: #fff; text-indent: -9999px; line-height: 55px; } .strapline .etc > li:hover > button { background-color: #51a63e; } .strapline .etc > li ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; } .strapline .etc > li:hover ul { display: block; } .strapline .etc > li ul li a { padding: 0 20px; width: 100%; background-color: #fafafa; background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -55px; text-indent: -9999px; line-height: 55px; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; } .strapline .etc > li ul li a:hover{ background-color: #dddddd; } .strapline .etc > li ul li:first-child a { background-position: center -275px; } .strapline .etc > li ul li:nth-child(2) a { background-position: center -330px; } .strapline .etc > li ul li:last-child a { background-position: center -385px; } .strapline .etc > li ul li:first-child a:hover { background-position: center -649px; } .strapline .etc > li ul li:nth-child(2) a:hover { background-position: center -704px; } .strapline .etc > li ul li:last-child a:hover { background-position: center -759px; } .strapline_mo { padding: 25px 15px; background-color: #fff; } .strapline_mo .nav > li { float: left; background: url(/images/sub/strapline_ico.png) -18px -514px no-repeat; padding-left: 20px; } .strapline_mo .nav > li a { max-width: 80px; word-wrap: break-word; vertical-align: bottom; font-size: 12px; color: #494949; } .strapline_mo .nav > li.home { padding-left: 0; background: none; } .strapline_mo .nav > li.home a { width: 15px; height: 15px; background-image: url(/images/sub/strapline_ico.png); background-repeat: no-repeat; background-position: center -460px; text-indent: -9999px; } #sub { padding-bottom: 60px; background-color: #eee; } .sub_contents { padding: 60px 100px; background-color: #fff; z-index: 0; word-break: keep-all; } .sub_contents h4 { margin: 0 0 30px 0; padding-left: 25px; background: url(/images/sub/h4_ico.png) left 1px no-repeat; font-size: 22px; font-family: NanumSquare; font-weight: 700; color: #222; } .sub_contents h5 { margin: 20px 0 15px; padding-left: 25px; background: url(/images/sub/h5_ico.png) left 1px no-repeat; font-size: 18px; font-family: NanumSquare; font-weight: 700; line-height: 1.4; } /*.sub_contents h6 { margin: 20px 0 15px; padding-left: 25px; background: url(/images/sub/h6_ico.png) left 1px no-repeat; font-size: 18px; font-family: NanumSquare; font-weight: 700; line-height: 1.4; }*/ /*171221 add:J*/.sub_contents h6 { margin: 20px 0 15px; padding-left: 26px; background: url(/images/sub/h6_ico.png) left 0px no-repeat; font-size: 16px; font-weight: 700; line-height: 1.4; } /*171221 modify:J*/.text_style_1 { margin-bottom: 30px; line-height: 1.6; padding-left: 26px;} /*171221 add:J*/.text_style_2 { margin-bottom: 10px; line-height: 1.6; padding-left: 26px;} /*evaluation*/ #evaluation { margin-top: 100px; padding-top: 15px; border-top: 1px solid #111; } #evaluation .tit { float: left; padding: 24px 0px; padding-left: 40px; background: url(/images/sub/evaluation_ico.png) no-repeat left center; font-size: 18px; font-family: NanumSquare; } #evaluation .tit span { color: #727272; } #evaluation > div { float: right; width: 745px; padding: 15px 25px; padding-top: 19px; border: 1px solid #eaeaea; } #evaluation > div .txt { margin-bottom: 8px; font-size: 16px; color: #444; } #evaluation > div > div { line-height: 26px; } #evaluation > div label { margin-right: 20px; font-size: 13px; color: #666; } #evaluation > div label input { margin-right: 5px; } #evaluation > div button { float: right; } #evaluation > ul { margin-top: 25px; padding: 12px 0; background-color: #fbfbfb; border: 1px solid #e0e0e0; } #evaluation > ul li { padding-left: 30px; border-right: 1px dashed #d6d6d6; font-size: 13px; } #evaluation > ul li:last-child { border-right: none; } #evaluation > ul li .ico { display: inline-block; width: 28px; height: 28px; margin-right: 10px; border-radius: 50%; background-image: url(/images/sub/min_ico.png); background-repeat: no-repeat; background-color: #999 } #evaluation > ul li.li01 .ico { background-position: center -99px; } #evaluation > ul li.li02 .ico { background-position: center -123px; } #evaluation > ul li.li03 .ico { background-position: center -149px; } #evaluation > ul li span { color: #787878 } .login_wrap .tit { margin-bottom: 25px; font-size: 36px; font-family: NanumSquare; font-weight: 700; text-align: center; } .login_wrap .tit span { font-weight: 700; } .login_wrap .txt { margin-bottom: 15px; font-size: 22px; font-family: NanumSquare; font-weight: 700; text-align: center; } .login_wrap .txt2 { display: block; font-size: 15px; text-align: center; color: #666; } .login_box { position: relative; width: 420px; margin: 40px auto; } .inp1 { display: block; height: 45px; padding: 0px 20px; border: 1px solid #d9d9d9; font-size: 14px; } .login_box .inp1 { width: 300px; margin-bottom: 10px; } .login_box .login_btn { position: absolute; top: 0; right: 0; width: 110px; height: 100px; font-size: 18px; font-family: NanumSquare; font-weight: 700; color: #fff; } .login_wrap ul { overflow: hidden; padding-top: 30px; border-top: 1px solid #ddd; } .login_wrap ul li { overflow: hidden; position: relative; width: 420px; margin: 0 auto 10px; padding-left: 10px; line-height: 36px; } .login_wrap ul li:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background-color: #777; } .login_wrap ul li .m_btn { float: right; width: 110px; } .tab_con { display: none; } .tab_con.active { display: block; } .tab1 .tab_btn { display: block; border: 1px solid #d5d5d5; border-right: none; background-color: #f5f5f5; font-size: 22px; font-family: NanumSquare; font-weight: 700; color: #888; text-align: center; line-height: 70px; } .tab1 li:last-child .tab_btn { border-right: 1px solid #d5d5d5; } .tab1 .tab_btn.active { border-bottom: 1px solid #fff; background-color: #fff; color: #0a815a; } .tab1 .tab_con { padding: 50px 80px; border: 1px solid #d5d5d5; border-top: none; } .tab1 .tab_btn { display: block; border: 1px solid #d5d5d5; border-right: none; background-color: #f5f5f5; font-size: 22px; font-family: NanumSquare; font-weight: 700; color: #888; text-align: center; line-height: 70px; } .tab1 li:last-child .tab_btn { border-right: 1px solid #d5d5d5; } .tab1 .tab_btn.active { border-bottom: 1px solid #fff; background-color: #fff; color: #0a815a; } .tab1 .tab_con { padding: 50px 80px; border: 1px solid #d5d5d5; border-top: none; } .tab2 .tab_btn_wrap > li { display: table; } .tab2 .tab_btn { display: table-cell; height: 52px; padding: 0 5px; border: 1px solid #d5d5d5; border-right: none; background-color: #fff; font-size: 15px; color: #444; text-align: center; vertical-align: middle; } .tab2 li:last-child .tab_btn { border-right: 1px solid #d5d5d5; } .tab2 .tab_btn.active { border-color: #1c8c67; background-color: #1c8c67; color: #fff; } .tab2 .tab_con { padding-top: 60px; } /*171218 modify:S*/ .tab { margin-bottom: 40px; } .tab > ul { overflow: hidden; width: 100% } .tab > ul > li { display: table; float: left; border: 1px solid #d5d5d5; border-right: none; background-color: #fff; font-size: 15px; } .tab > ul > li:last-child { border-right: 1px solid #d5d5d5; } .tab > ul > li a { display: table-cell; height: 52px; padding: 0 5px; color: #444; text-align: center; vertical-align: middle; } .tab > ul > li.on { border-color: #1c8c67; background-color: #1c8c67; } .tab > ul > li.on a { color: #fff; } /*171218 modify:E*/ ul.li_style1 { overflow: hidden; } ul.li_style1 li { float: left; width: 50%; margin-bottom: 20px; } ul.li_style1 li:nth-child(odd) { padding-right: 10px; } ul.li_style1 li:nth-child(even) { padding-left: 10px; } ul.li_style1 li:last-child { margin-bottom: 0; } ul.li_style1 li > div { position: relative; padding: 25px 30px; padding-right: 120px; border: 1px solid #ddd; } ul.li_style1 li .tit { margin-bottom: 10px; font-size: 20px; font-family: NanumSquare; font-weight: 700; color: #1a805e; } ul.li_style1 li .txt { display: inline-block; height: 60px; margin-bottom: 15px; font-size: 13px; color: #666; line-height: 1.6; } ul.li_style1 li > div > .ico { position: absolute; right: 20px; bottom: 20px; width: 90px; height: 90px; background-image: url(/images/sub/li_style1_ico.png); background-repeat: no-repeat; } ul.li_style1 .btn_li_style1 .ico { margin-left: 20px; } ul.li_style1 li .ico.ico01 { background-position: center 0px; } ul.li_style1 li .ico.ico02 { background-position: center -90px; } ul.li_style1 li .ico.ico03 { background-position: center -180px; } ul.li_style1 li .ico.ico04 { background-position: center -270px; } ul.li_style1 li .ico.ico05 { background-position: center -360px; } ul.li_style1 li .ico.ico06 { background-position: center -450px; } ul.li_style1 li .ico.ico07 { background-position: center -540px; } ul.li_style1 li .ico.ico08 { background-position: center -630px; } ul.li_style1 li .ico.ico09 { background-position: center -720px; } ul.li_style1 li .ico.ico10 { background-position: center -810px; } ul.li_style1 li .ico.ico11 { background-position: center -900px; } ul.li_style1 li .ico.ico12 { background-position: center -990px; } ul.li_style1 li .ico.ico13 { background-position: center -1080px; } ul.li_style1 li .ico.ico14 { background-position: center -1170px; } ul.li_style1 li .ico.ico15 { background-position: center -1260px; } ul.li_style2 { overflow: hidden; margin: 0 -10px; } ul.li_style2 li { float: left; width: 33.333%; padding: 0 10px; } ul.li_style2 li div { overflow: hidden; padding: 15px 20px; border: 1px solid #ddd; background-color: #f5f5f5; line-height: 28px; } ul.li_style2 li div .ico { margin-right: 5px; } ul.li_style2 li div a { float: right; width: 80px; font-size: 13px; } ul.li_style2 li .ico.ico01 { background-position: center -28px; } ul.li_style2 li .ico.ico02 { background-position: center -53px; } ul.li_style2 li .ico.ico03 { background-position: center -78px; } ul.li_style3 { overflow: hidden; margin: 0 -10px; } ul.li_style3 li { float: left; width: 25%; padding: 0 10px; } ul.li_style3 li div { padding: 25px 20px; border: 1px solid #d5d5d5; text-align: center; } ul.li_style3 li div p { margin-bottom: 15px; } ul.li_style3 li div dt { margin-bottom: 20px; font-size: 16px; } ul.li_style3 li div dd { display: table; width: 100%; height: 36px; font-size: 15px; color: #666; word-break: keep-all; vertical-align: middle; } ul.li_style3 li div dd a { display: table-cell; font-size: 15px; color: #666; vertical-align: middle; } ul.li_style4 { overflow: hidden; margin: 0 -15px; margin-bottom: 30px; } ul.li_style4 > li { float: left; width: 50%; padding: 0 15px; } ul.li_style4 > li > ul { background-color: #ececec; } ul.li_style4 > li > ul .tit { padding: 22px; border: 6px solid #b2b2b2; background-color: #fff; } ul.li_style4 > li > ul .tit p { margin-bottom: 5px; font-size: 18px; font-family: 'NanumSquare'; text-align: center; font-weight: 700; } ul.li_style4 > li > ul .tit span { display: block; height: 20px; margin-bottom: 20px; font-size: 16px; text-align: center; } ul.li_style4 > li > ul .con { padding: 30px; } ul.li_style4 > li > ul .con > ul > li { overflow: hidden; position: relative; margin-bottom: 15px; padding-left: 97px; } ul.li_style4 > li > ul .con > ul > li:last-child { margin-bottom: 0; } ul.li_style4 > li > ul .con > ul > li > span { display: table; position: absolute; top: 50%; left: 0; width: 101px; height: 84px; margin-top: -42px; padding-right: 20px; background: url(/images/sub/li_style4_ico.png) center center no-repeat; color: #fff; text-align: center; } ul.li_style4 > li > ul .con > ul > li > span > strong { display: table-cell; vertical-align: middle; font-size: 16px; } ul.li_style4 > li > ul .con > ul > li > div { float: right; width: 100%; min-height: 150px; padding: 15px; background-color: #fff; border: 1px solid #c5c5c5; } ul.li_style4 > li > ul .con > ul > li > div > p { min-height: 88px; margin-bottom: 5px; line-height: 1.6; } ul.li_style4 > li > ul .con > ul > li > div > ul { min-height: 88px; line-height: 1.8; } ul.li_style5 { padding: 20px 30px; background-color: #ececec; } ul.li_style5 > li { position: relative; margin-bottom: 15px; padding-left: 97px; } ul.li_style5 > li:last-child { margin-bottom: 0; } ul.li_style5 > li > span { display: table; position: absolute; top: 50%; left: 0; width: 101px; height: 84px; margin-top: -42px; padding-right: 20px; background: url(/images/sub/li_style4_ico.png) center center no-repeat; color: #fff; text-align: center; } ul.li_style5 > li > span > strong { display: table-cell; vertical-align: middle; font-size: 16px; } ul.li_style5 > li > div { display: table; width: 100%; height: 80px; padding: 15px 0; background-color: #fff; border: 1px solid #c5c5c5; } ul.li_style5 > li > div > p { display: table-cell; padding: 0 15px; vertical-align: middle; } ul.li_style5 > li > div > div { display: table-cell; padding:0 15px; vertical-align: middle; } /*171221 add:J*/.ol_style1 { margin: 8px 0; padding-left: 26px; line-height: 1.6; list-style-position: inside; } /*.ol_style1 { margin: 8px 0; padding-left: 15px; line-height: 1.6; }*/ .ol_style2 { margin: 8px 0; list-style:none; line-height: 1.6; padding-left: 26px; } .ol_style2 > li { position: relative; padding-left: 10px; } .ol_style2 > li > ul { position: relative; padding-left: 0px; } .ol_style2 > li:before { content: ''; display: block; position: absolute; top: 10px; left: 0PX; width: 5px; height: 1px; background-color: #aaa; } /*171221 add:J*/.ol_style3 { margin: 8px 0; list-style:none; line-height: 1.6; font-size: 13px; color: #494949; padding-left: 26px} .ol_style3 { margin: 8px 0; list-style:none; line-height: 1.6; font-size: 14px; color: #494949; } .ol_style3 > li { position: relative; padding-left: 0; margin-bottom: 2px; } .ol_style3 > li > .ol_style2 { margin: 8px 0; list-style:none; line-height: 1.6; padding-left: 1px; } .ol_style3 > li:before { content: '1'; display: block; position: absolute; top: 0px; left: -25px; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #999; text-align: center; font-size: 10px; line-height: 17px; } .ol_style3 > li:nth-child(2):before { content: "2"; } .ol_style3 > li:nth-child(3):before { content: "3"; } .ol_style3 > li:nth-child(4):before { content: "4"; } .ol_style3 > li:nth-child(5):before { content: "5"; } .ol_style3 > li:nth-child(6):before { content: "6"; } .ol_style3 > li:nth-child(7):before { content: "7"; } .ol_style3 > li:nth-child(8):before { content: "8"; } .ol_style3 > li:nth-child(9):before { content: "9"; } .ol_style3 > li:last-child { margin-bottom: 0; } /*171221 add:J*/.ol_style4 { margin: 8px 0; list-style:none; line-height: 1.6; font-size: 13px; color: #494949; padding-left: 26px} /*.ol_style4 { margin: 8px 0; padding: 0 8px; list-style:lower-roman; line-height: 1.6; font-size: 13px; color: #494949; }*/ .ol_style5 { margin: 8px 0; padding: 0 8px; list-style:upper-alpha; line-height: 1.6; font-size: 13px; color: #494949; } /*171221 modify:J*/.ul_style1 { margin: 10px 0; line-height: 1.6; padding-left: 26px; } .ul_style1 > li { position: relative; margin: 10px 0; padding-left: 10px; } .ul_style1 > li:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #aaa; } .ul_style1 > li .ol_style2 { margin: 0 0; list-style:none; line-height: 1.6; padding-left: 1px; } .ul_style1 > li .ol_style2 > li:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #ccc; } .ul_style2 { } .ul_style2 > li { position: relative; padding-left: 10px; } .ul_style2 > li:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #666; border-radius: 50%; } .ul_style2 > li .ol_style2 > li:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #ccc; } .top_text_box { position: relative; min-height: 200px; margin-bottom: 40px; padding: 32px 40px; padding-right: 255px; border: 5px solid #e5e5e5; } .top_text_box .tit { margin-bottom: 15px; font-size: 22px; font-family: NanumSquare; font-weight: 700; color: #1c8c67; } .top_text_box .txt { color: #555; line-height: 1.7; } .top_text_box .btn { margin-bottom: 5px; } .top_text_box > .ico { position: absolute; top: 50%; right: 40px; width: 150px; height: 120px; margin-top: -60px; background-image: url(/images/sub/top_text_ico.png); background-repeat: no-repeat; } .top_text_box > .ico.ico01 { background-position: center 0; } .top_text_box > .ico.ico02 { background-position: center -120px; } .top_text_box > .ico.ico03 { background-position: center -240px; } .top_text_box > .ico.ico04 { background-position: center -360px; } .top_text_box > .ico.ico05 { background-position: center -480px; } .top_text_box > .ico.ico06 { background-position: center -600px; } .top_text_box > .ico.ico07 { background-position: center -720px; } .top_text_box .btn_type1 .btn .ico { margin-left: 10px; } .top_text_box .btn_type1 .btn .next_ico { width: 10px; margin-left: 30px; } .top_text_box ul { margin: 10px 0 0; list-style:none; line-height: 1.8; } .top_text_box ul li { position: relative; padding-left: 10px; font-size: 13px; color: #666; } .top_text_box ul li:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #666; } .sch_box { margin-bottom: 60px; padding: 20px 0; border: 1px solid #e5e5e5; background-color: #fafafa; text-align: center; } .sch_box select { margin: 0 2px; padding-left: 6px; padding-right:30px; width: 140px; height: 35px; border: 1px solid #d9d9d9; background: #fff url(/images/sub/sch_box_sel_ico.png) right center no-repeat; font-size: 12px; color: #888; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sch_box select::-ms-expand { display: none; } .sch_box input[type="text"] { margin: 0 2px; padding-left: 6px; padding-right:30px; width: 280px; height: 35px; border: 1px solid #d9d9d9; font-size: 12px; color: #888; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sch_box button { width: 60px; height: 35px; margin: 0 2px; border: none; background-color: #555; font-size: 12px; color: #fff; vertical-align: middle; line-height: 1; } .sch_box input[type="image"] { width: 60px; height: 35px; margin: 0 2px; border: none; background-color: #555; font-size: 12px; color: #fff; vertical-align: middle; line-height: 1; } .list_option { margin-bottom: 15px; } .list_option .hit { display: inline-block; padding-top: 5px; } .list_option .hit li { position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: 12px; color: #666; } .list_option .hit li:after { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; width: 1px; height: 11px; margin-top: -6px; background-color: #ccc; } .list_option .hit li:last-child:after { display: none; } .list_option .hit li.hit_total b { font-weight: 700; color: #cc7b0a } .list_option .hit li.hit_page b { font-weight: 700; color: #333 ;} .list_option select { float: right; width: 110px; height: 30px; padding-left: 10px; padding-right: 20px; border: 1px solid #d9d9d9; font-size: 12px; color: #888; background: #fff url(/images/sub/min_ico.png) right -223px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .list_option select::-ms-expand { display: none; } .list_style_1 { width: 100%; margin-bottom: 60px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; border-collapse: collapse; table-layout: fixed; } .list_style_1 caption { width: 0; height: 0; text-indent: -9999px; } .list_style_1 th { height: 50px; padding: 0 10px; border-bottom: 1px solid #444; font-size: 15px; font-weight: 700; color: #444; vertical-align: middle; } .list_style_1 th.num { width: 10%; } .list_style_1 th.subject { width: 50%; } .list_style_1 th.date { width: 15%; } .list_style_1 td { height: 50px; padding: 0 10px; border-bottom: 1px solid #e5e5e5; color: #666; vertical-align: middle; text-align: center; } .list_style_1 td.title { text-align: left; } .list_style_1 td a.subject { overflow: hidden; width: 100%; color: #444; white-space: nowrap; text-overflow: ellipsis; } .list_style_1 tbody tr:last-child td { border-bottom: none; } .list_style_1 .faq_answer td { padding: 30px 100px; } .t_option { margin-bottom: 15px; } .t_option .hit { display: inline-block; padding-top: 5px; } .t_option .hit li { position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: 12px; color: #666; } .t_option .hit li:after { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; width: 1px; height: 11px; margin-top: -6px; background-color: #ccc; } .t_option .hit li:last-child:after { display: none; } .t_option .hit li.hit_total b { font-weight: 700; color: #cc7b0a } .t_option .hit li.hit_page b { font-weight: 700; color: #333 ;} .t_option .page_view { float: right; } .t_option select { float: none; width: 110px; height: 30px; padding-left: 10px; padding-right: 20px; border: 1px solid #d9d9d9; font-size: 12px; color: #888; background: #fff url(/images/sub/min_ico.png) right -223px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top; } .t_option select::-ms-expand { display: none; } .thumb_style_1 { overflow: hidden; position: relative; margin-bottom: 60px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; } .thumb_style_1 ul { overflow: hidden; margin: 0 -12px -1px; } .thumb_style_1 ul li { float: left; width: 33.333%; padding: 30px 12px; border-bottom: 1px solid #eee; } .thumb_style_1 ul li a { display: block; padding: 20px; border: 1px solid #ddd; } .thumb_style_1 ul li a .thumb { overflow: hidden; height: 180px; margin-bottom: 20px; background-color: #ccc; } .thumb_style_1 ul li a .thumb img { width: 100%; /*height: 100%;*/ } .thumb_style_1 ul li .tit { overflow: hidden; margin-bottom: 10px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; } .thumb_style_1 ul li span { font-size: 13px; color: #888; } .thumb_style_2 { overflow: hidden; position: relative; margin-bottom: 60px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; } .thumb_style_2 ul { overflow: hidden; margin: 0 -12px -1px; } .thumb_style_2 ul li { float: left; width: 25%; padding: 30px 12px; border-bottom: 1px solid #eee; } .thumb_style_2 ul li .thumb { height: 260px; margin-bottom: 20px; border: 1px solid #ddd; background-color: #ccc; } .thumb_style_2 ul li .thumb img { width: 100%; height: 100%; } .thumb_style_2 ul li .tit { margin-bottom: 20px; font-size: 15px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .thumb_style_3 { overflow: hidden; position: relative; margin-bottom: 60px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; } .thumb_style_3 ul { overflow: hidden; margin: 0 -12px -1px; } .thumb_style_3 ul li { float: left; width: 50%; padding: 30px 12px; border-bottom: 1px solid #eee; } .thumb_style_3 ul li > div { overflow: hidden; padding: 25px 20px; border: 1px solid #ddd; } .thumb_style_3 ul li .thumb_con { float: left; width: 50%; } .thumb_style_3 ul li .tit { overflow: hidden; position: relative; width: 100%; margin-bottom: 10px; padding-bottom: 15px; font-size: 15px; font-weight: 700; line-height: 1.6; text-overflow: ellipsis; } .thumb_style_3 ul li .tit:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 30px; height: 1px; background-color: #ddd; } .thumb_style_3 ul li span { display: block; margin-bottom: 30px; font-size: 13px; color: #888; } .thumb_style_3 ul li .thumb { float: right; width: 180px; height: 160px; background-color: #ccc; } .thumb_style_3 ul li .thumb img { width: 100%; height: 100%; } .thumb_style_3 ul li .btn { width: 120px; padding-right: 10px; } .thumb_style_3 ul li .btn .ico { margin-left: 25px; } .thumb_style_4 { overflow: hidden; position: relative; margin-bottom: 40px; padding-top: 30px;padding-left: 210px; border-top: 1px solid #d5d5d5; } .thumb_style_4:before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 180px; height: 4px; background-color: #444; } .thumb_style_4 .year { position: absolute; top: 30px; left: 10px; font-size: 24px; font-family: 'NanumSquare'; font-weight: bold; } .thumb_style_4 > ul { overflow: hidden; } .thumb_style_4 > ul > li { margin-bottom: 25px; } .thumb_style_4 > ul > li > div { overflow: hidden; position: relative; min-height: 120px; padding: 25px 20px; border: 1px solid #ddd; } .thumb_style_4 > ul > li .thumb_con { width: 100%; padding-left: 220px; } .thumb_style_4 > ul > li .thumb { overflow: hidden; position: absolute; top: 25px; left: 20px; width: 200px; height: 140px; background-color: #ccc; } .thumb_style_4 > ul > li .thumb img { width: 100%; } .thumb_style_4 > ul > li .tit { overflow: hidden; width: 100%; margin-bottom: 10px; font-size: 15px; font-weight: 700; } .thumb_style_4 > ul > li .date { font-size: 13px; color: #888; } .thumb_style_4 > ul > li .txt { color: #555; } .thumb_style_5 { overflow: hidden; position: relative; margin-bottom: 60px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; } .thumb_style_5 ul { overflow: hidden; margin: 0 -12px -1px; } .thumb_style_5 ul li { float: left; padding: 30px 12px; border-bottom: 1px solid #eee; } .thumb_style_5 ul li > div { overflow: hidden; } .thumb_style_5 ul li .thumb { overflow: hidden; float: left; width: 27%; max-height: 180px; background-color: #ccc; } .thumb_style_5 ul li .thumb img { width: 100%; } .thumb_style_5 ul li .thumb_con { float: left; width: 73%; padding: 20px 0; padding-left: 30px; } .thumb_style_5 ul li .tit { overflow: hidden; position: relative; width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 1.6; text-overflow: ellipsis; } .thumb_style_5 ul li .txt { overflow: hidden; height: 32px; margin-bottom: 30px; } .thumb_style_5 ul li span { display: block; font-size: 13px; color: #888; } .cate { margin-bottom: 40px; } .cate ul li { border-bottom: 1px solid #d5d5d5; } .cate ul li a { display: block; position: relative; padding: 15px 0px; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #f5f5f5; text-align: center; color: #666; } .cate ul li.active { border-bottom: 1px solid #fff; } .cate ul li.active a { border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; background-color: #fff; } .cate ul li.active a:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #444; } .paging { margin-bottom: 40px; } #pagingWrap { display: block; text-align: center; } #pagingWrap a { width: 35px; height: 35px; font-size: 12px; color: #888; vertical-align: middle; line-height: 35px; } #pagingWrap b { display: inline-block; border-color: #555; background-color: #555; color: #fff; } #pagingWrap b > a { color: #fff; } .view_style_1 { width: 100%; margin-bottom: 40px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; border-collapse: collapse; table-layout: fixed; } .view_style_1 caption { width: 0; height: 0; text-indent: -9999px; } .view_style_1 thead th { height: 55px; padding: 0 25px; border-bottom: 1px solid #ddd; background-color: #fafafa; font-size: 18px; font-weight: 700; font-family: NanumSquare; text-align: left; vertical-align: middle; line-height: 1; } .view_style_1 td { height: 50px; padding: 0 25px; border-right: 1px solid #ddd; border-bottom: 1px solid #e5e5e5; color: #666; vertical-align: middle; line-height: 1; } .view_style_1 td:last-child { border-right: none; } .view_style_1 tbody th { position: relative; margin-right: 12px; padding-right: 12px; border-bottom: 1px solid #e5e5e5; font-size: 15px; font-weight: 700; color: #333; vertical-align: middle; } .view_style_1 tbody th:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; margin-top: -7px; background-color: #e5e5e5; } .view_style_1 td.file { padding: 10px; } .view_style_1 td.file a { position: relative; margin-left: 5px; padding-left: 25px; color: #666; text-decoration: underline; text-decoration-color: #aaa; text-underline-position: under; line-height: 20; } .view_style_1 td.file a:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(/images/sub/min_ico.png) no-repeat center -328px; vertical-align: middle; } .view_style_1 tbody tr:last-child td { border-bottom: none; } .view_style_1 .contents { padding: 50px 25px; color: #444; line-height: 1.6; } .write_style_1 { width: 100%; margin-bottom: 40px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; border-collapse: collapse; table-layout: fixed; } .write_style_1 caption { width: 0; height: 0; text-indent: -9999px; } .write_style_1 td, .write_style_1 th { padding: 10px 25px; border-bottom: 1px solid #ddd; color: #666; vertical-align: middle; line-height: 1; } .write_style_1 tbody tr:last-child td, .write_style_1 tbody tr:last-child th { border-bottom: none; } .write_style_1 th { width: 160px; padding: 22px 25px; background-color: #fafafa; color: #333; font-size: 15px; font-weight: 700; text-align: left; } .write_style_1 label { margin-right: 30px; } .write_style_1 ul li:first-child { margin-bottom: 10px; } .write_style_1 input[type="text"] { width: 200px; height: 39px; padding: 10px; border: 1px solid #d9d9d9; } .write_style_1 input[type="text"]#bo_tgcname { width: 100%; } .write_style_1 input[type="text"]#bo_zipcode { margin-bottom: 10px; } .write_style_1 input[type="text"]#bo_zipcode + a { display: inline-block; padding: 0 15px; margin-left: 10px; background-color: #444; color: #fff; font-size: 13px; line-height: 39px; vertical-align: top; } .write_style_1 input[type="text"]#bo_address { margin-bottom: 10px; } .write_style_1 textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #d9d9d9; resize: none; } .write_style_1 select { padding-left: 10px; padding-right:30px; width: 200px; height: 39px; border: 1px solid #d9d9d9; background: #fff url(/images/sub/sch_box_sel_ico.png) right center no-repeat; color: #888; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .write_style_1 input[type="radio"] { margin-right: 5px; } .b_btn_1 { display: inline-block; width: 80px; height: 36px; line-height: 36px; padding: 0 15px; border: none; border-radius: 0; background-color: #444; font-size: 13px; font-weight: 700; font-family: 'NanumBarun'; white-space: nowrap; vertical-align: middle; cursor: pointer; text-align: center; color: #fff; } .nextprev_style_1 { width: 100%; margin-bottom: 40px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; table-layout: fixed; } .nextprev_style_1 caption { width: 0; height: 0; text-indent: -9999px; } .nextprev_style_1 td { padding: 17px 25px; border-bottom: 1px solid #e5e5e5; color: #666; vertical-align: middle; line-height: 1; } .nextprev_style_1 tbody tr:last-child td { border-bottom: none; } .nextprev_style_1 tbody th { position: relative; width: 150px; padding: 17px 25px; padding-right: 50px; border-bottom: 1px solid #e5e5e5; background-color: #fafafa; color: #333; font-size: 15px; font-weight: 700; vertical-align: middle; text-align: left; } .nextprev_style_1 tbody th:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 20px; margin-top: -10px; width: 20px; height: 20px;background-image: url(/images/sub/min_ico.png); } .nextprev_style_1 tbody tr:first-child th:after { background-position: center -354px; } .nextprev_style_1 tbody tr:last-child th:after { background-position: center -378px; } .nextprev_style_1 tbody tr:last-child th { border-bottom: none; } .nextprev_style_1 tbody th .min_ico { position: absolute; top: 50%; right: 20px; margin-top: -10px; } .list_nomember_wrap > ul { margin: 0 -10px; } .list_nomember_wrap > ul > li { float: left; width: 33.333%; padding: 10px; } .list_nomember_wrap > ul > li > div { padding: 30px; border: 1px solid #d5d5d5; } .list_nomember_wrap > ul > li .tit { margin: 5px 0; font-size: 22px; font-family: 'NanumSquare'; font-weight: 700; text-align: center; } .list_nomember_wrap > ul > li .tit .ico { width: 25px; height: 25px; margin-right: 5px; background-repeat: no-repeat; background-position: left center; } .list_nomember_wrap > ul > li.nm_login .tit .ico { background-image: url(/images/sub/own_chk_ico05.png); } .list_nomember_wrap > ul > li.nm_phone .tit .ico { background-image: url(/images/sub/own_chk_ico01.png); } .list_nomember_wrap > ul > li.nm_ipin .tit .ico { background-image: url(/images/sub/own_chk_ico02.png); } .list_nomember_wrap > ul > li .txt { display: block; margin: 25px 0; text-align: center; font-size: 15px; color: #444; line-height: 1.6; } .list_nomember_wrap > ul > li .btn_type4 { padding: 30px 0 0px; border-top: 1px dashed #d9d9d9; } .list_nomember_wrap > ul > li a.lg_btn { padding: 0 30px; } .list_nomember_wrap > ul > li.nm_login .btn_type4 { overflow: hidden; } .list_nomember_wrap > ul > li.nm_login a.lg_btn { padding: 0; width: 48%; } .list_nomember_wrap > ul > li.nm_login a.lg_btn:first-child { float: left; } .list_nomember_wrap > ul > li.nm_login a.lg_btn:last-child { float: right; } .step_wrap { margin-bottom: 60px; } .step_wrap ul li { position: relative; height: 58px; padding: 20px 0; padding-left: 15px; background-color: #e5e5e5; font-size: 15px; color: #666; text-align: center; } .step_wrap ul li.active { background-color: #1f9970; color: #fff; } .step_wrap ul li:after { content: ''; display: block; position: absolute; top: 0; right: -33px; width: 33px; height: 58px; background-image: url(/images/sub/step_bg.png); background-repeat: no-repeat; z-index: 1; } .step_wrap ul li:last-child:after { display: none; } .step_wrap ul li.active:after { background-position: center bottom; } .step_wrap dl { padding-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .step_wrap dd { margin-bottom: 10px; padding-left: 30px; background: url(/images/sub/caution_ico.png) left top no-repeat; color: #555; line-height: 1.6; } .textarea_style_1 { overflow-y: auto; width: 100%; height: 250px; padding: 20px; border: 1px solid #dbdbdb; line-height: 1.6; } .register_wrap .btn_type1 .lg_btn { width: 120px; } .register_wrap .own_chk { } .register_wrap .own_chk ul { overflow: hidden; } .register_wrap .own_chk ul li { float: left; width: 50%; } .register_wrap .own_chk ul li.li01 { padding-right: 12px; } .register_wrap .own_chk ul li.li02 { padding-left: 12px; } .register_wrap .own_chk ul li div { position: relative; padding: 30px; border: 1px solid #d5d5d5; background-repeat: no-repeat; background-position: 10% 45%; } .register_wrap .own_chk ul li.li01 div { background-image: url(/images/sub/own_chk_ico03.png) } .register_wrap .own_chk ul li.li02 div { background-image: url(/images/sub/own_chk_ico04.png) } .register_wrap .own_chk ul li div .tit { margin-bottom: 140px; font-size: 18px; font-family: NanumSquare; font-weight: 700; } .register_wrap .own_chk ul li div .txt { display: inline-block; padding-left: 15px; font-size: 13px; color: #333; line-height: 1.6; } .register_wrap .own_chk ul li div .txt:before { content: '- '; margin-left: -10px; } .register_wrap .own_chk ul li div .btn { position: absolute; top: 50%; right: 65px; width: 180px; margin-top: -30px; height: 44px; font-size: 16px; font-weight: 700; line-height: 44px; } .inp2 { width: 200px; height: 39px; padding: 10px; border: 1px solid #d9d9d9; } .sel2 { padding-left: 10px; padding-right:30px; width: 200px; height: 39px; border: 1px solid #d9d9d9; background: #fff url(/images/sub/sch_box_sel_ico.png) right center no-repeat; color: #888; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sub_style_1 { width: 100%; margin-bottom: 40px; border-top: 2px solid #444; border-bottom: 1px solid #d5d5d5; border-collapse: collapse; table-layout: fixed; } .sub_style_1 caption { width: 0; height: 0; text-indent: -9999px; } .sub_style_1 td, .sub_style_1 th { padding: 10px 25px; border-bottom: 1px solid #ddd; color: #666; vertical-align: middle; line-height: 1; } .sub_style_1 tbody tr:last-child td, .sub_style_1 tbody tr:last-child th { border-bottom: none; } .sub_style_1 th { width: 160px; padding: 22px 25px; background-color: #fafafa; color: #333; font-size: 15px; font-weight: 700; text-align: left; } .sub_style_1 label { margin-right: 30px; } .sub_style_1 ul li:first-child { margin-bottom: 10px; } .sub_style_1 .m_btn { height: 39px; margin-left: 3px; } .sub_style_1 .inp2 { margin: 0 3px; } .sub_style_1 .inp2:first-child { margin-left: 0; } .sub_style_1 .sel2 { margin: 0 3px; } .sub_style_1 .sel2:first-child { margin-left: 0; } .register_wrap .sub_style_1 .diff01 input { width: 45%; } .register_wrap .sub_style_1 .diff02 select, .register_wrap .sub_style_1 .diff02 input { width: 100px; } .join_wrap { margin-bottom: 60px; padding: 140px 80px 50px; border: 1px solid #d5d5d5; background: url(/images/sub/join_ico.png) center 50px no-repeat; } .join_wrap .tit { margin-bottom: 25px; font-size: 36px; font-family: NanumSquare; font-weight: 700; text-align: center; } .join_wrap .tit span { font-weight: 700; } .join_wrap .txt { display: block; font-size: 15px; text-align: center; color: #666; line-height: 1.6; } .step_wrap2 { border: 1px solid #d4d4d4; padding: 60px 0; text-align: center; } .step_wrap2 ul { display: inline-block; } .step_wrap2 ul li { position: relative; } .step_wrap2 ul div { padding-bottom: 40px; background-repeat: no-repeat; background-image: url(/images/sub/step2_bg01.png); background-position: center bottom; } .step_wrap2 ul div.right_step { position: absolute; top: 0; right: -250px; padding-bottom: 0; padding-left: 50px; background-image: url(/images/sub/step2_bg02.png); background-position: left center; } .step_wrap2 ul div.left_step { position: absolute; top: 0; left: -250px; padding-bottom: 0; padding-right: 50px; background-image: url(/images/sub/step2_bg03.png); background-position: right center; } .step_wrap2 ul div.down_step { position: absolute; top: 56px; left: -250px; padding-bottom: 0; padding-top: 40px; background-image: url(/images/sub/step2_bg04.png); background-position: center top; } .step_wrap2 ul div.rightdown_step { position: absolute; top: 50%; right: -250px; margin-top: -22px; padding: 23px 0 23px 50px; background-image: url(/images/sub/step2_bg05.png); background-position: left center; } .step_wrap2 ul div.last_step { padding: 0; background: none; } .step_wrap2 ul div span { display: inline-block; width: 200px; padding: 18px 0; border: 1px solid #c5c5c5; font-size: 15px; } .step_wrap2 ul div.gray_step span { border: 1px solid #5a5a5a; background-color: #5a5a5a; color: #fff; } .step_wrap2 ul div.green_step span { border: 1px solid #369978; background-color: #369978; color: #fff; } .step_wrap2 ul div.last_step span { padding: 15px 0; border: 4px solid #369978; color: #369978; font-weight: 700; } ul.dot_list { overflow: hidden; } ul.dot_list li { overflow: hidden; position: relative; padding-left: 10px; } ul.dot_list li:before { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background-color: #777; } .sub_style_2 { overflow: hidden; width: 100%; border-top: 2px solid #444; border-collapse: collapse; table-layout: fixed; } .sub_style_2.ie { border-top: 3px solid #444; border-bottom: 2px solid #ddd; } .sub_style_2 caption { width: 0; height: 0; text-indent: -9999px; } .sub_style_2 th { height: 50px; padding: 12px 25px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fafafa; font-size: 15px; font-weight: 700; vertical-align: middle; line-height: 1.6; } .sub_style_2 td { height: 50px; padding: 12px 25px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666; vertical-align: middle; line-height: 1.6; } .sub_style_2 .ol_style2 { margin: 8px 0; list-style:none; line-height: 1.6; padding-left: 0; } .sub_style_2 .ol_style3 { margin: 8px 0; list-style:none; line-height: 1.6; font-size: 14px; color: #494949; } .sub_style_2 th:first-child, .sub_style_2 td:first-child { border-left: none; } .sub_style_2 th:last-child, .sub_style_2 td:last-child { border-right: none; } .sub_style_2 ul.dot_list li { margin-bottom: 5px; } .sub_style_2 ul.dot_list li:last-child { margin-bottom: 0px; } .sub_style_2 tfoot { background-color: #fafafa; } .sub01_01_02_t1 td { text-align: center; } .sub01_01_02_t2 td { text-align: center; } .sub01_02_04_t1 th:first-child { width: 110px; } .sub01_02_04_t2 { text-align: center; } .sub01_02_05_t1 th:first-child { width: 110px; } .sub01_02_07_t1 th:first-child { width: 110px; } .sub01_02_09_t1 th:first-child { width: 110px; } .sub02_03_01_t1 th:first-child { width: 125px; } .sns_list01 { margin-bottom: 20px; } .sub_sns_tit { margin-bottom: 10px; font-family: 'NanumSquare'; font-size: 28px; text-align: center; font-weight: 700; } .sub_sns_txt { margin-bottom: 50px; font-family: 'NanumSquare'; font-size: 22px; text-align: center; color: #666;; } .sns_list01 li { float: left; width: 33.333%; } .sns_list01 li dt { padding: 15px 0; border: 1px solid #d5d5d5; border-right: none; font-size: 20px; font-weight: 800; font-family: 'NanumSquare'; text-align: center; } .sns_list01 li:last-child dt { border-right: 1px solid #d5d5d5; } .sns_list01 li.facebook dt { border-bottom: 5px solid #3b599a; color: #3b599a; } .sns_list01 li.twitter dt { border-bottom: 5px solid #29ade3; color: #29ade3; } .sns_list01 li.blog dt { border-bottom: 5px solid #2aa933; color: #2aa933; } .sns_list01 li dd { padding: 25px; border: 1px solid #d5d5d5; border-right: none; border-top: none;} .sns_list01 li:last-child dd { border-right: 1px solid #d5d5d5; } .sns_list01 li dd .tit { position: relative; margin-top: 5px; margin-bottom: 25px; font-size: 15px; color: #494949; font-weight: 700; } .sns_list01 li dd .tit:after { content: ''; display: block; position: absolute; top: -10px; right: 0px; width: 37px; height: 37px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .sns_list01 li.facebook dd .tit:after { background-image: url(/images/main/sns_ico01.png); background-color: #3b599a; } .sns_list01 li.twitter dd .tit:after { background-image: url(/images/main/sns_ico02.png); background-color: #29ade3; } .sns_list01 li.blog dd .tit:after { background-image: url(/images/main/sns_ico03.png); background-color: #2aa933; } .sns_list01 li dd .txt { display: block; margin-bottom: 20px; color: #666; line-height: 1.8; font-size: 13px; } .sns_list01 li dd .date { padding-left: 15px; background: url(/images/common/board_ico02.png) left 1px no-repeat; background-size: 11px; font-size: 12px; color: #989898; } .sns_list02 li { float: left; width: 33.333%; } .sns_list02 li a { display: block; font-size: 15px; color: #fff; text-align: center; line-height: 54px; } .sns_list02 li.facebook a { background-color: #3b599a } .sns_list02 li.twitter a { background-color: #29ade3 } .sns_list02 li.blog a { background-color: #2aa933 } .text_box_style1 { margin: 0 -10px; } .text_box_style1 > li { float: left; width: 33.333%; padding: 0 10px; margin-bottom: 60px; } .text_box_style1 > li > div { } .text_box_style1 > li > div .tit { display: table; width: 100%; background-color: #666; text-align: center; font-size: 15px; color: #fff; } .text_box_style1 > li > div .tit span { display: table-cell; height: 50px; vertical-align: middle; } .text_box_style1 > li > div .txt { display: block; padding: 15px; border-bottom: 1px solid #999; background-color: #f5f5f5; line-height: 1.6; } .text_box_style1 > li > div .txt .ul_style2 > li { margin-bottom: 5px; } .text_box_style1 > li > div .txt a:hover { color: #008055; text-decoration: underline; text-underline-position: under; text-decoration-color: #008055; } .table_wrap { margin-bottom: 60px; } .respon_table { overflow-x: auto; } .respon_table .swipe_banner { position: static; margin-bottom: 5px; } .tab { margin-bottom: 40px; } .tab > ul { overflow: hidden; width: 100%; } .tab > ul > li { display: table; float: left; border: 1px solid #d5d5d5; border-right: none; background-color: #fff; font-size: 15px; } .tab > ul > li:last-child { border-right: 1px solid #d5d5d5; } .tab > ul > li a { display: table-cell; height: 52px; padding: 0 5px; color: #444; text-align: center; vertical-align: middle; } .tab > ul > li.on { border-color: #1c8c67; background-color: #1c8c67; } .tab > ul > li.on a { color: #fff; } .line_box1 { padding: 39px; border: 1px solid #d5d5d5; } .scroll_box_style1 { padding:10px; border: 5px solid #d5d5d5; } .scroll_box_style1 > div { overflow-y: auto; max-height: 500px; padding: 10px; } .sub04_01_02_01_t1 td { text-align: center; } .sub04_01_02_01_t2 td { text-align: center; } .sub04_01_02_01_t3 td { text-align: center; } .sub04_01_02_01_t4 td { text-align: center; } .sub04_01_02_01_t5 td { text-align: center; } .sub04_01_02_01_t6 th { width: 50%; } .sub04_01_02_01_t6 td { text-align: center; } .sub04_01_02_01_t7 th { width: 50%; } .sub04_01_02_01_t7 td { text-align: center; } .sub04_01_02_01_t8 th { padding: 12px 10px; } .sub04_01_02_01_t8 thead th:first-child { width: 210px; } .sub04_01_02_01_t8 td { padding: 12px 10px; text-align: center; } .sub04_01_02_01_t9 td { text-align: center; } .sub04_01_02_01_t10 th { width: 50%; } .sub04_01_02_01_t10 td { text-align: center; } .sub04_01_02_01_t11 th { width: 50%; } .sub04_01_02_01_t11 td { text-align: center; } .sub04_01_02_02_t1 td { text-align: center; } .sub04_01_02_03_t1 td { text-align: center; } .sub04_01_02_03_t2 td { text-align: center; } .sub04_01_02_03_t3 td { text-align: center; } .sub04_01_02_03_t4 th { width: 50%; } .sub04_01_02_03_t4 td { text-align: center; } .sub04_01_02_03_t5 td { text-align: center; } .sub04_01_02_03_t6 td { text-align: center; } .sub04_01_02_05_t1 td { text-align: center; } .sub04_01_02_05_t2 td { text-align: center; } .sub04_01_02_05_t3 td { text-align: center; } .sub04_01_02_06_t1 td { text-align: center; } .sub04_01_02_06_t2 td { text-align: center; } .sub04_01_02_06_t3 td { text-align: center; } .sub04_01_02_06_t4 th { padding: 12px 5px; } .sub04_01_02_06_t4 td { padding: 12px 5px; text-align: center; } .sub04_01_02_06_t5 td { text-align: center; } .sub04_01_02_06_t6 td { text-align: center; } .sub04_01_02_06_t7 td { text-align: center; } .sub04_01_02_06_t8 td { text-align: center; } .sub04_01_02_06_t9 td { text-align: center; } .sub04_01_02_06_t10 td { text-align: center; } .sub04_01_02_06_t11 td { text-align: center; } .sub04_01_02_06_t12 td { text-align: center; } .sub04_01_02_06_t13 td { text-align: center; } .sub04_01_02_06_t14 td { text-align: center; } .sub04_01_02_06_t15 td { text-align: center; } .sub04_01_02_06_t16 td { text-align: center; } .sub04_05_02_01_t1 td { text-align: center; } .sub04_05_02_01_t2 td { text-align: center; } .sub04_05_02_01_t3 td { text-align: center; } .sub04_05_02_01_t4 td { text-align: center; } .sub04_05_02_01_t5 td { text-align: center; } .sub04_05_02_01_t6 td { text-align: center; } .sub04_05_02_01_t7 td { text-align: center; } .sub04_05_02_01_t8 td { text-align: center; } .sub04_05_02_01_t9 td { text-align: center; } .sub04_05_02_01_t10 td { text-align: center; } .sub04_05_02_01_t12 td { text-align: center; } .sub04_05_02_01_t13 td { text-align: center; } .sub04_05_02_01_t14 td { text-align: center; } .sub04_05_02_01_t15 td { text-align: center; } .sub04_05_02_01_t16 td { text-align: center; } .sub04_05_02_01_t16 thead th:first-child { width: 200px; } .sub04_06_02_t1 tbody th { width: 200px; } .sub04_06_02_t2 tbody th { width: 200px; } .sub04_06_02_t3 tbody th { width: 200px; } .sub03_01_01_05_t1 td { text-align: center; } .sub03_01_01_06_t1 td { text-align: center; } .sub03_01_01_06_t1 thead th:first-child { width: 100px; } .sub03_01_01_06_t1 thead th:last-child { width: 100px; } .sub04_03_01 .text_box_style1 > li > div .txt { min-height: 160px; } .sub04_02_02 .text_box_style1 > li { margin-bottom: 10px; } .sub04_02_02 .text_box_style1 > li > div .txt { min-height: 140px; } .sub03_02_01 .text_box_style1 > li:nth-child(1) > div .txt, .sub03_02_01 .text_box_style1 > li:nth-child(2) > div .txt, .sub03_02_01 .text_box_style1 > li:nth-child(3) > div .txt { min-height: 515px } .sub03_02_01 .text_box_style1 > li:nth-child(4) > div .txt, .sub03_02_01 .text_box_style1 > li:nth-child(5) > div .txt, .sub03_02_01 .text_box_style1 > li:nth-child(6) > div .txt { min-height: 245px } /* mediacore 異붽�蹂� css*/ .subtablep01 td{text-align:center;} .subtablep01 td:last-child{text-align:left;} .subtablep01 td.tdc_modify{text-align:center;} .subtablep01 td > p{position:relative; padding-left:9px;} .subtablep01 td > p:before{ content: ''; display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #949494;} .subtablep01 td > ul{padding-left:9px;} .subtablep01 td > ul > li{position:relative;padding-left:12px;} .subtablep01 td > ul > li:before{content: ''; display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #ccc;} .subtablep02 td > p{position:relative; padding-left:12px; margin-bottom:5px;} .subtablep02 td > p:last-child{margin-bottom:0px;} .subtablep02 td > p:before{ content: ''; display: block; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background-color: #ccc;} td.pcenter{text-align:center;} .service{border:1px solid #d4d4d4; background:url(/images/sub/sub03_02_01_03.png) no-repeat 663px 50px #fcfcfc; padding:60px 50px; font-family:"NanumBarun"; color:#555; color:#333; font-size:15px;} .service p.servicep1{ font-family:"NanumSquare"; font-size:26px; color:#333333; padding-bottom:39px; background:url(/images/sub/sub03_02_01_06.png) no-repeat 0px 0px; padding-left:14px; } .service p.servicep1 span{color:#1f9970; font-weight:bold;} .service p.servicep1 span.weightbold{font-weight:bold;color:#333333;} .service p.servicep2{ padding:40px 0px 40px 0px; line-height:25px; font-size:15px; background:url(/images/sub/sub03_02_01_10.png) no-repeat 0px 0px;} .service p.servicep2 span{font-weight:bold; color:#1c8c67;} .service p.servicep4{font-family:"NanumSquare"; font-size:20px; color:#333333; font-weight:bold;} .ps_ul_style_01{border-top:1px solid #cacaca; border-style: dashed; padding: 40px 0px 40px 0px;} .ps_ul_style_01 li{margin-bottom:26px; font-size:15px;position:relative; padding-left:35px; line-height:25px; padding-top:1px;} .ps_ul_style_01 li:last-child{margin-bottom:0px;} .ps_ul_style_01 li:before{content: '01.'; display: block; position: absolute; top: 0px;left: 0; width: 27px; height: 18px; color: #1f9970; font-size: 18px; font-family:"NanumSquare"; font-weight:bold;} .ps_ul_style_01 li:nth-child(2):before{content: '02.';} .ps_ul_style_01 li:nth-child(3):before{content: '03.';} .ps_ul_style_01 li:nth-child(4):before{content: '04.';} .ps_ul_style_02{ padding: 26px 0px 26px 0px;} .ps_ul_style_02 li{margin-bottom:23px; font-size:15px;position:relative; padding-left:44px; line-height:25px; color:#333333;} .ps_ul_style_02 li:last-child{margin-bottom:0px;} .ps_ul_style_02 li:before{content: '1st,'; display: block; position: absolute; top: 0px;left: 0; width: 27px; height: 18px; color: #1f9970; font-size: 18px; font-family:"NanumSquare"; font-weight:bold;} .ps_ul_style_02 li:nth-child(2):before{content: '2nd,';} .ps_ul_style_02 li:nth-child(3):before{content: '3rd,';} .service p.sp26{padding-bottom:26px;} .ps_ul_style_03{ padding: 26px 0px 26px 0px; border-top:1px solid #cacaca; border-style: dashed;} .ps_ul_style_03 li{margin-bottom:23px; font-size:15px;position:relative; padding-left:44px; line-height:25px; color:#333333;} .ps_ul_style_03 li:last-child{margin-bottom:0px;} .ps_ul_style_03 li:before{content: 'One.'; display: block; position: absolute; top: 0px;left: 0; width: 27px; height: 18px; color: #1f9970; font-size: 18px; font-family:"NanumSquare"; font-weight:bold;} .mapon{border:1px solid #d4d4d4; background-color:#fcfcfc; padding:40px 44px; overflow:hidden;} .mapon div.map{width:459px; height:280px; background-color:#cccccc;display:block;float:left;} .mapon div.maptext{width:313px;margin-left:37px; display:block;float:left;} .mapon div.maptext h6{text-align:center;background:none; font-size:22px; margin-bottom:30px; margin-top:18px; padding-left:0px;} .mapon div.maptext ul{} .mapon div.maptext ul li{margin-bottom:20px; font-family:"NanumBarun"; font-size:15px; color:#444444; position:relative; padding-left:10px;} .mapon div.maptext ul li:before{content: ''; display: block; position: absolute; top: 6px;left: 0; width: 4px; height: 4px; background-color:#444; border-radius:2px;} .mapon div.maptext ul li span{font-weight:bold;} .mapon div.maptext ul li:last-child{margin-bottom:0px;} .mapon_box{overflow:hidden;} .directions {padding:35px 90px 35px 110px;} .directions li{line-height:25px; font-family:"NanumBarun"; font-size:14px; color:#555555; margin-bottom:16px; position:relative; padding-left:10px; } .directions li:last-child{margin-bottom:0px;} .directions li:before{content: ''; display: block; position: absolute; top: 10px;left: 0; width: 4px; height: 2px; background-color:#999999; } .bus{background:url(/images/sub/busicon.jpg) no-repeat 0px 40px; } .subway{background:url(/images/sub/subwayicon.jpg) no-repeat 0px 40px; border-top:1px solid #cacaca; border-style: dashed;} .car{background:url(/images/sub/car.jpg) no-repeat 0px 40px; } .p_tap{position:relative; padding-left:180px;} .p_tap h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute;top:0px; left:0px} .p_tap .tab_btn{display: table-cell; height: 52px; border: 1px solid #d5d5d5; background-color: #fff;font-family: "NanumBarun"; width:181px;} .p_tap h5:nth-child(1){top:0px;} .p_tap h5:nth-child(3){top:51px;} .p_tap h5:nth-child(5){top:102px;} .p_tap h5:nth-child(7){top:153px;} .p_tap h5:nth-child(9){top:204px;} .p_tap h5:nth-child(11){top:255px;} .p_tap h5:nth-child(13){top:306px;} .p_tap h5:nth-child(15){top:357px;} .p_tap h5:nth-child(17){top:408px;} .p_tap h5:nth-child(19){top:459px;} .p_tap .tab_con{padding:0px;} .p_tap .mapon .map{ width:360px; height:210px;} .p_tap .mapon div.maptext{width:238px; margin-left:32px;} .p_tap .directions{padding-right:0px;} .p_tap2{position:relative; padding-left:180px;} .p_tap2 h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute;top:0px; left:0px} .p_tap2 .tab_btn{display: table-cell; height: 52px; border: 1px solid #d5d5d5; background-color: #fff;font-family: "NanumBarun"; width:181px;} .p_tap2 h5:nth-child(1){top:0px;} .p_tap2 h5:nth-child(3){top:51px;} .p_tap2 h5:nth-child(5){top:102px;} .p_tap2 h5:nth-child(7){top:153px;} .p_tap2 h5:nth-child(9){top:204px;} .p_tap2 h5:nth-child(11){top:255px;} .p_tap2 h5:nth-child(13){top:306px;} .p_tap2 h5:nth-child(15){top:357px;} .p_tap2 h5:nth-child(17){top:408px;} .p_tap2 h5:nth-child(19){top:459px;} .p_tap2 .tab_con{padding:0px;border:1px solid #d5d5d5; padding:40px} .p_tap2 .tab_con h6{background:none; padding-left:0px;} .p_tap2 .tab_con h6:first-child{margin-top:0px;} .p_tap2 .tab_con ul{} .p_tap2 .tab_con ul li{ margin-bottom:15px; position:relative; padding-left:15px; font-family:"NanumBarun"; color:#444444; line-height:20px;} .p_tap2 .tab_con ul li:last-child{ margin-bottom:0px;} .p_tap2 .tab_con ul li:before{ content: ''; display: block; position: absolute; top: 10px;left: 0; width: 4px; height: 2px; background-color:#999999; } .ol_style_ps{} .ol_style_ps > li{position:relative; padding-left:30px; margin-bottom:10px; list-style:none;} .ol_style_ps > li:last-child{margin-bottom:0px;} .ol_style_ps > li:before{ content: '1'; display: block; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #427ca6; color: #fff; text-align: center; font-size: 11px; line-height: 23px;} .ol_style_ps > li:nth-child(2):before{content:"2";} .ol_style_ps > li:nth-child(3):before{content:"3";} .ol_style_ps > li:nth-child(4):before{content:"4";} .ol_style_ps > li:nth-child(5):before{content:"5";} .ol_style_ps > li:nth-child(6):before{content:"6";} .ol_style_ps > li:nth-child(7):before{content:"7";} .ol_style_ps > li:nth-child(8):before{content:"8";} .ol_style_ps > li:nth-child(9):before{content:"9";} .ol_style_ps > li > ul{margin:15px 0px;} .ol_style_ps > li > ul > li{ margin-bottom:10px; position:relative; padding-left:15px;} .ol_style_ps > li > ul > li:last-child{margin-bottom:0px;} .ol_style_ps > li > ul > li:before{content: ''; display: block; position: absolute; top: 10px;left: 0; width: 4px; height: 2px; background-color:#999999;} .ul_style_ps{} .ul_style_ps li{ margin-bottom:10px; position:relative; padding-left:15px;} .ul_style_ps li:last-child{margin-bottom:0px;} .ul_style_ps li:before{content: ''; display: block; position: absolute; top: 10px;left: 0; width: 4px; height: 2px; background-color:#999999;} /* mediacore 異붽�蹂� endcss*/ .pc_view_inline { display: inline; } .area_map_wrap1 { position: relative; height: 525px; padding: 50px 90px; border: 1px solid #d5d5d5; } .area_map_wrap1 > .tit { width: 300px; padding: 10px; padding-left: 55px; background: url(/images/sub/area_map_tit_ico.png) left top no-repeat; color: #666; font-family: 'NanumSquare'; font-size: 18px; font-weight: 700; } .area_map_wrap1 .area_img { position: absolute; top: 40px; right: 60px; width: 350px; height: 450px; background-image: url(/images/sub/area_link00.png); background-repeat: no-repeat; background-size: cover; background-position: center center; } .area_link a { position: absolute; text-indent: -9999px; } .area_link a.area_link01 { top: 106px; right: 195px; width: 137px; height: 44px; } .area_link a.area_link02 { top: 64px; right: 203px; width: 113px; height: 40px; } .area_link a.area_link03 { top: 30px; right: 102px; width: 93px; height: 110px; } .area_link a.area_link04 { top: 145px; right: 157px; width: 93px; height: 90px; } .area_link a.area_link05 { top: 152px; right: 251px; width: 73px; height: 90px; } .area_link a.area_link06 { top: 242px; right: 190px; width: 103px; height: 57px; } .area_link a.area_link07 { top: 300px; right: 191px; width: 143px; height: 87px; } .area_link a.area_link08 { top: 150px; right: 70px; width: 86px; height: 113px; } .area_link a.area_link09 { top: 264px; right: 70px; width: 120px; height: 84px; } .area_link a.area_link10 { top: 400px; right: 244px; width: 68px; height: 42px; } .area_info > ul > li { display: none; margin-top: 40px; } .area_info > ul > li.active { display: block; } .area_info ul li > div { width: 320px; padding: 20px; border: 3px solid #666; background-color: #fff; } .area_info ul li > div .tit { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-family: 'NanumSquare'; font-size: 18px; font-weight: 700; } .area_info ul li > div .txt { margin-bottom: 15px; font-size: 15px; color: #494949; } .area_info ul li > div ul li { font-size: 13px; color: #494949; line-height: 20px; } .area_map_wrap1 .s_txt { display: none; width: 300px; position: absolute; top: 380px; } .area_map_wrap1 .s_txt.active { display: block; } .area_map_wrap1 .s_txt p { margin-bottom: 5px; line-height: 1.8; font-size: 13px; color: #666 } .area_map_wrap2 { position: relative; padding: 30px; border: 1px solid #d5d5d5; } .area_map_wrap2 > .tit { padding-left: 30px; background: url(/images/sub/area_map_tit_ico.png) left top no-repeat; background-size: 22px; color: #666; font-family: 'NanumSquare'; font-size: 18px; font-weight: 700;} .area_map_wrap2 .area_img2 { position: relative; width: 260px; height: 430px; margin: 0 auto; background-image: url(/images/sub/area_link00.png); background-repeat: no-repeat; background-size: 280px; background-position: center center; } .area_link2 a { position: absolute; text-indent: -9999px; /*background-color: aqua;*/ } .area_link2 a.area_link01 { top: 120px; right: 145px; width: 107px; height: 30px; } .area_link2 a.area_link02 { top: 80px; right: 153px; width: 83px; height: 40px; } .area_link2 a.area_link03 { top: 50px; right: 62px; width: 83px; height: 100px; } .area_link2 a.area_link04 { top: 150px; right: 125px; width: 53px; height: 68px; } .area_link2 a.area_link05 { top: 150px; right: 180px; width: 58px; height: 69px; } .area_link2 a.area_link06 { top: 220px; right: 146px; width: 76px; height: 50px; } .area_link2 a.area_link07 { top: 270px; right: 150px; width: 103px; height: 73px; } .area_link2 a.area_link08 { top: 150px; right: 46px; width: 86px; height: 100px; } .area_link2 a.area_link09 { top: 244px; right: 40px; width: 110px; height: 64px; } .area_link2 a.area_link10 { top: 356px; right: 184px; width: 68px; height: 33px; } .area_info2 > ul > li { display: none; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -160px; } .area_info2 > ul > li.active { display: block; } .area_info2 ul li > div { width: 320px; padding: 20px; border: 3px solid #666; background-color: #fff; } .area_info2 ul li > div .tit { position: relative; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-family: 'NanumSquare'; font-size: 18px; font-weight: 700; } .area_info2 ul li > div .tit .close { display: inline-block; position: absolute; top: -3px; right: 0; width: 25px; height: 25px; background: url(/images/common/close_ico03.png) center center no-repeat; background-size: cover; } .area_info2 ul li > div .txt { margin-bottom: 15px; font-size: 15px; color: #494949; } .area_info2 ul li > div ul { margin-bottom: 30px; } .area_info2 ul li > div ul li { font-size: 13px; color: #494949; line-height: 20px; } .area_info2 .s_txt p { margin-bottom: 5px; line-height: 1.8; font-size: 13px; color: #666 } .area_bg { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); } .history1 .main_year { text-align: center; } .history1 .main_year span { display: inline-block; width: 140px; height: 140px; border-radius: 50%; background-color: #484848; font-size: 30px; color: #fff; line-height: 140px; letter-spacing: -1px; font-weight: 700; font-family: 'NanumSquare'; } .history1_list { overflow: hidden; position: relative; padding-bottom: 70px; } .history1_list:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #ccc; } .history1_list:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 9px; height: 9px; margin-left: -4px; border-radius: 50%; background-color: #ccc; } .history1_list li { position: relative; width: 50%; margin-top: 50px; } .history1_list li:nth-child(odd) { float: left; padding-right: 50px; } .history1_list li:nth-child(odd):before { content: ''; display: block; position: absolute; right: 0px; top: 20px; width: 50px; height: 1px; background-color: #ccc; } .history1_list li:nth-child(odd):after { content: ''; display: block; position: absolute; top: 10px; right: -10px; width: 20px; height: 20px; background: url(/images/sub/history1_ico.png) center center no-repeat; } .history1_list li:nth-child(even) { float: right; padding-left: 50px; } .history1_list li:nth-child(even):before { content: ''; display: block; position: absolute; left: 0px; top: 20px; width: 50px; height: 1px; background-color: #ccc; } .history1_list li:nth-child(even):after { content: ''; display: block; position: absolute; top: 10px; left: -10px; width: 20px; height: 20px; background: url(/images/sub/history1_ico.png) center center no-repeat; } .history1_list li:nth-child(2) { margin-top: 110px; } .history1_list li > div { padding: 30px; border: 1px solid #d5d5d5; background-color: #fcfcfc; } .history1_list li .year { margin-bottom: 25px; font-size: 30px; color: #1c8c67; font-family: 'NanumSquare'; font-weight: 700; letter-spacing: -1px; } .history1_list li .txt { display: table; width: 100%; margin-bottom: 15px; font-size: 15px; } .history1_list li .txt:last-child { margin-bottom: 0; } .history1_list li .txt > * { display: table-cell; } .history1_list li .txt strong { width: 60px; } #tab2 .history1_list li:nth-child(2) { margin-bottom: 150px; } #tab2 .history1_list li:nth-child(4) { margin-bottom: 210px; } #tab2 .history1_list li:nth-child(6) { margin-bottom: 270px; } #tab3 .history1_list li:nth-child(2) { margin-bottom: 110px; } .text_box_style2 { position: relative; margin-bottom: 40px; padding: 20px; border: 5px solid #e5e5e5; } .sub04_04_02_01_t1 thead th:first-child { width: 200px; } .text_box_style3 { position: relative; margin-bottom: 60px; padding: 40px 80px; border: 5px solid #e5e5e5; color: #555; line-height: 1.6; text-align: justify; } .text_box_style3:before { content: ''; display: block; position: absolute; top: 30px; left: 30px; width: 35px;height: 35px; background: url(/images/sub/quotes_ico01.png) center center no-repeat; } .text_box_style3:after { content: ''; display: block; position: absolute; bottom: 30px; right: 30px; width: 35px;height: 35px; background: url(/images/sub/quotes_ico02.png) center center no-repeat; } .history2_wrap { padding: 40px 70px; border-top: 1px solid #d5d5d5; } .history2 { transition-timing-function: ease-in; } .history2_con { background: url(/images/sub/history2_bg.png) center 70% no-repeat; } .history2_con .left_box { float: left; width: 28%; padding-right: 40px; } .history2_con .center_box { float: left; width: 44%; padding-top: 80px; } .history2_con .center_box .img_box img { display: inline-block; } .history2_con .right_box { float: left; width: 28%; padding-left: 40px; } .history2_con .year { height:80px; font-size: 40px; color: #1c8c67; font-family: 'NanumSquare'; font-weight: 700; } .history2_con .month span { display: inline-block; margin-bottom: 10px; padding-top: 10px; border-top: 2px solid #444; font-size: 18px; font-family: 'NanumSquare'; font-weight: 700; } .history2_con .txt { line-height: 1.8; } .history2_wrap .bx-wrapper .bx-prev { left:-60px; width: 32px; height: 60px; background: url(/images/sub/history2_prev_ico.png) center center no-repeat; } .history2_wrap .bx-wrapper .bx-next { right:-60px; width: 32px; height: 60px; background: url(/images/sub/history2_next_ico.png) center center no-repeat; } .sub05_02_02_02 .tab_con { display: block; height: 0; overflow: hidden; padding-top: 0; } .sub05_02_02_02 .tab_con.active { height: auto; padding-top: 60px; } .ethics_box { padding:60px 50px; border: 1px solid #d5d5d5; background-color: #fcfcfc; } .ethics_box dl { overflow: hidden; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px dashed #cacaca; } .ethics_box dl:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .ethics_box dl dt { float: left; width: 20%; padding: 8px 20px; font-size: 20px; font-family: 'NanumSquare'; font-weight: 700; } .ethics_box dl dd { float: right; width: 80%; display: inline; } .sub03_02_01_t1 th { width: 200px; } .sub03_02_01_t1 td { border-right: none; } .ci_box > div { float: left; } .ci_box .left_box1 { width: 40%; } .ci_box .left_box2 { width: 60%; padding-left: 20px; } .ci_box .left_box2 strong { font-size: 16px; } .li_style6 { margin: 0 -5px; } .li_style6 li { float: left; width: 50%; padding: 0 5px; } .li_style6 p { padding: 10px 0 20px 0; font-size: 13px; color: #666; } .li_style7 { margin: 0 -10px; } .li_style7 li { padding: 0 10px; } .li_style7 .main_color_box div { margin-bottom: 15px; text-align: center; line-height: 80px; font-size: 22px; } .li_style7 .main_color_box p { font-size: 15px; color: #444; line-height: 1.6; } .main_color_box .color_box1 { background-color: #8cc63f; color: #fff; } .main_color_box .color_box2 { background-color: #525258; color: #fff; } .li_style7 .sub_color_box div { margin-bottom: 15px; text-align: center; line-height: 80px; font-size: 18px; } .li_style7 .sub_color_box p { color: #444; line-height: 1.6; } .li_style7 strong { margin-right: 5px; } .sub_color_box .color_box3 { background-color: #1b4298; color: #fff; } .sub_color_box .color_box4 { background-color: #807f83; color: #fff; } .sub_color_box .color_box5 { background-color: #d8d9db; color: #555; } .sub_color_box .color_box6 { background-color: #b4985a; color: #fff; } .sub_style_3 { overflow: hidden; width: 100%; border-top: 2px solid #444; border-collapse: collapse; table-layout: fixed; } .sub_style_3.ie { border-top: 3px solid #444; border-bottom: 2px solid #ddd; } .sub_style_3 caption { width: 0; height: 0; text-indent: -9999px; } .sub_style_3 thead th { text-align: center; } .sub_style_3 th { padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fafafa; font-size: 15px; font-weight: 700; vertical-align: middle; line-height: 1.6; } .sub_style_3 td { padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #666; vertical-align: middle; line-height: 1.6; } .sub_style_3 th:first-child, .sub_style_3 td:first-child { border-left: none; } .sub_style_3 th:last-child, .sub_style_3 td:last-child { border-right: none; } .sub_style_3 ul.dot_list li { margin-bottom: 5px; } .sub_style_3 ul.dot_list li:last-child { margin-bottom: 0px; } .sub_style_3 tfoot { background-color: #fafafa; } /* 20171222 modifiy */ ul.li_style4 > li > ul .tit span.engsp{display: inline-block; height: 32px; padding-top:9px; font-size: 14px; margin-bottom: 0px; cursor: default;} .btn_type1 span.engsp{display: inline-block; height: 32px; padding-top:9px; cursor: default;} .ceomassage_box{} .ceo_imgbox {margin-bottom:40px;} .ceo_textbox {line-height:28px;} .ceo_sibox {text-align:right;margin-top:60px;} .ceo_sibox span.ceo_sibox1{font-family:"NanumSquare"; font-size:18px; color:#555555; display:inline-block; padding:15px 25px; border-right:1px solid #d5d5d5;} .ceo_sibox span.ceo_sibox2{font-family:"NanumSquare"; font-weight:700; font-size:22px; color:#333333; display:inline-block; padding:15px 10px;} .ceo_sibox i{display:inline-block; vertical-align:bottom;} /*footer*/ #footer { background-color: #2a2a2a; } .f_infor { color: #636363;} .f_infor address { color: #737373; } .footer_sns li a { background-color: #555; background-image: url(/images/eng/common/f_sns_ico02.png); } /*min pc*/ @media screen and (min-width: 1001px) and (max-width:1199px) { .wrap { width: 1200px; } .pc_view_inline { display: none; } .sub04_05_02_01 .li_size7 > * { width: 25%; margin-top: -1px; } .sub04_05_02_01 .tab2 li:nth-child(4n) .tab_btn { border-right: 1px solid #d5d5d5; } .area_map_wrap1 { padding: 50px; } .area_map_wrap1 .area_img { right: 0; } #evaluation .tit { width: 20%; } #evaluation > div { width: 80%; } } /*tablet*/ @media screen and (min-width: 768px) and (max-width:1000px) { .sub_visual img { top: 0; } .sv_txt { margin-top: -70px; } .sub_contents { padding: 40px; } .pc_view_inline { display: none; } ul.li_style1 li > div { padding: 20px; padding-right: 100px; } ul.li_style1 li .tit { white-space: nowrap; } ul.li_style2 li div { padding: 15px; } ul.li_style2 li div a { width: 70px; } ul.li_style3 li div { padding: 20px 10px; height: 170px; } .top_text_box { padding-right: 190px; } ul.li_style4 > li > ul .con { padding: 20px; } ul.li_style5 { padding: 20px; } .list_nomember_wrap > ul { margin: 0 -5px; } .list_nomember_wrap > ul > li { padding: 5px; } .list_nomember_wrap > ul > li > div { padding: 10px; } .list_nomember_wrap > ul > li .tit { margin: 10px 0; } .list_nomember_wrap > ul > li .txt { margin: 15px 0; font-size: 14px; } .list_nomember_wrap > ul > li .btn_type4 { padding: 10px 0 0; } .respon_table > table { min-width: 900px; } .sub_style_2 th { height: 40px; padding: 8px; } .sub_style_2 td { height: 40px; padding: 8px; } .sub04_01_02_01 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_01 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_01_02_06 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_06 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_05_02_01 .li_size7 > * { width: 25%; margin-top: -1px; } .sub04_05_02_01 .tab2 li:nth-child(4n) .tab_btn { border-right: 1px solid #d5d5d5; } .area_map_wrap1 { padding: 40px 20px; } .area_map_wrap1 .area_img { right: -20px; } .history1_list li > div { padding: 20px; } #tab2 .history1_list li:nth-child(2) { margin-bottom: 190px; } #tab2 .history1_list li:nth-child(6) { margin-bottom: 330px; } #tab3 .history1_list li:nth-child(2) { margin-bottom: 150px; } #evaluation .tit { width: 25%; } #evaluation > div { width: 75%; } /* mediacore 異붽�蹂� css*/ .mapon div.map{width:auto; height:280px; background-color:#cccccc;display:block;float:none;} .mapon div.maptext{width:auto;margin-left:0px;display:block;float:none;} .p_tap .mapon .map{ width:100%; height:210px;} .p_tap .mapon div.maptext{width:100%; margin-left:0px;} .p_tap .directions{padding-right:0px;} /* mediacore 異붽�蹂� end css*/ .sub03_03_05 .respon_table > table { min-width: 650px; } } /*mobile*/ @media screen and (min-width: 360px) and (max-width:767px) { .sub_visual { height: 200px; } .sv_txt { padding-top: 80px; line-height: 36px; font-size: 28px; } .sv_txt a { width: 45px; height: 45px; } .sv_txt span { margin: 0px; padding: 0 10px; position: absolute; width: 100%; bottom: 50px; left: 0; } .sub_visual img { width: 1000px; margin-left: -500px; } .sub_contents { padding: 30px 20px; } .pc_view_inline { display: none; } ul.li_style1 li { width: 100%; } ul.li_style1 li:nth-child(odd) { padding-right: 0; } ul.li_style1 li:nth-child(even) { padding-left: 0; } ul.li_style1 li > div { padding: 15px; padding-right: 100px; } ul.li_style1 li > div > .ico { width: 70px; height: 70px; background-size: cover; } ul.li_style1 li .ico.ico02 { background-position: center -70px; } ul.li_style1 li .ico.ico03 { background-position: center -140px; } ul.li_style1 li .ico.ico04 { background-position: center -210px; } ul.li_style1 li .ico.ico05 { background-position: center -280px; } ul.li_style1 li .ico.ico06 { background-position: center -350px; } ul.li_style1 li .ico.ico07 { background-position: center -420px; } ul.li_style1 li .ico.ico08 { background-position: center -490px; } ul.li_style1 li .ico.ico09 { background-position: center -560px; } ul.li_style1 li .ico.ico10 { background-position: center -630px; } ul.li_style1 li .ico.ico11 { background-position: center -700px; } ul.li_style1 li .ico.ico12 { background-position: center -770px; } ul.li_style1 li .ico.ico13 { background-position: center -840px; } ul.li_style1 li .ico.ico14 { background-position: center -910px; } ul.li_style1 li .ico.ico15 { background-position: center -980px; } ul.li_style2 li { width: 100%; margin-bottom: 10px; } ul.li_style3 li { width: 50%; margin-bottom: 20px; } ul.li_style3 li div { padding: 15px 10px; } ul.li_style4 > li > ul .con { padding: 20px; } ul.li_style4 { margin-bottom: 0; } ul.li_style4 > li { width: 100%; margin-bottom: 30px; } ul.li_style5 { padding: 20px; } ul.li_style5 > li > div > p { display: block; margin-bottom: 10px; } ul.li_style5 > li > div > div { display: block; } ul.li_style5 > li > div > div > div { text-align: left; } ul.li_style5 > li > div > div > div .btn { height: auto; padding: 5px 12px; line-height: 1.3; white-space: normal; } .top_text_box { padding: 20px; padding-right: 20px; } .top_text_box > .ico { display: none; } .text_box_style1 > li { width: 100%; margin-bottom: 20px; } .text_box_style1 > li > div .txt { min-height: auto !important; } .list_nomember_wrap > ul > li { width: 100%; } .respon_table > table { min-width: 900px; } .sub_style_2 th { height: 40px; padding: 8px; } .sub_style_2 td { height: 40px; padding: 8px; } .sns_list01 li { width: 100%; margin-bottom: 10px; } .sns_list01 li dt { border-right: 1px solid #d5d5d5; } .sns_list01 li dd { border-right: 1px solid #d5d5d5; } .sns_list02 li { width: 100%; } .line_box1 { padding: 20px; } .sub04_01_02_01 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_01 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_01_02_06 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_06 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_05_02_01 .li_size7 > * { width: 50%; margin-top: -1px; } .sub04_05_02_01 .tab2 li:nth-child(2n) .tab_btn { border-right: 1px solid #d5d5d5; } .history1_list li { width: 100%; } .history1_list li:nth-child(odd) { padding-right: 0; } .history1_list li:nth-child(even) { padding-left: 0; } .history1_list li:nth-child(2) { margin-top: 50px; } .history1_list li:nth-child(odd):before { display: none; } .history1_list li:nth-child(odd):after { top: -10px; left: 50%; margin-left: -10px; } .history1_list li:nth-child(even):before { display: none; } .history1_list li:nth-child(even):after { top: -10px; left: 50%; margin-left: -10px; } .history1_list li > div { padding: 20px; } #tab2 .history1_list li:nth-child(2) { margin-bottom: 0; } #tab2 .history1_list li:nth-child(4) { margin-bottom: 0; } #tab2 .history1_list li:nth-child(6) { margin-bottom: 0; } #tab3 .history1_list li:nth-child(2) { margin-bottom: 0; } .thumb_style_4 { padding-left: 0; } .thumb_style_4 .year { position: static; margin-bottom: 10px; } .thumb_style_4 > ul > li > div { padding: 15px 10px; } .thumb_style_4 > ul > li .thumb { position: static; margin: 0 auto; margin-bottom: 20px; } .thumb_style_4 > ul > li .thumb_con { width: 100%; padding-left: 0; } .text_box_style2 { padding: 10px; } .sub04_04_02_01 .li_size3 > * { width: 100%; margin-top: -1px; } .sub04_04_02_01 .tab2 li .tab_btn { border-right: 1px solid #d5d5d5; } .sub05_02_02_02 .li_size4 > * { width: 50%; margin-top: -1px; } .sub05_02_02_02 .tab2 li:nth-child(2n) .tab_btn { border-right: 1px solid #d5d5d5; } .history2_wrap { padding: 20px 40px; } .history2_con .left_box { width: 100%; padding-right: 0; } .history2_con .center_box { width: 100%; padding-top: 10px; } .history2_con .right_box { width: 100%; padding-left: 0; } .history2_con .year { height: 55px; font-size: 30px; line-height: 2; } .history2_wrap .bx-wrapper .bx-prev { width: 20px; height: 33px; left: -40px; background-size: cover; } .history2_wrap .bx-wrapper .bx-next { width: 20px; height: 33px; right: -40px; background-size: cover; } #evaluation { margin-top: 60px; padding-top: 0; } #evaluation .tit { width: 100%; } #evaluation > div { width: 100%; padding: 15px; } #evaluation > div label { display: inline-block; width: 80px; margin-right: 10px; } #evaluation > div button { display: block; width: 100%; margin-top: 10px; } #evaluation > ul li { width: 100%; margin-bottom: 10px; padding-right: 15px; border-right: none; } #evaluation > ul li:last-child { margin-bottom: 0; } /* mediacore 異붽�蹂� css*/ .mapon div.map{width:auto; height:280px; background-color:#cccccc; display:block;float:none;} .mapon div.maptext{width:auto;margin-left:0px; display:block;float:none;} .directions {padding:35px 35px 35px 88px;} .p_tap{position:relative; padding-left:0px;padding-top:218px;} .p_tap h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute; display:block; width:33.3333%; border:1px solid #d5d5d5; border-right:none; } .p_tap .tab_btn{display: block; height: inherit; border: none; background-color: #fff;font-family: "NanumBarun"; width:100%; padding:10px 0px 10px 0px;} .p_tap h5:nth-child(1){top:0px;} .p_tap h5:nth-child(3){top:0px;left:33.333%;} .p_tap h5:nth-child(5){top:0px;left:66.666%; border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(7){top:48px;} .p_tap h5:nth-child(9){top:48px;left:33.333%;} .p_tap h5:nth-child(11){top:48px;left:66.666%;border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(13){top:98px;} .p_tap h5:nth-child(15){top:98px;left:33.333%;} .p_tap h5:nth-child(17){top:98px;left:66.666%;border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(19){top:149px;border-right:1px solid #d5d5d5;} .p_tap .tab_con{padding:0px; overflow:hidden; width:100%;} .p_tap .mapon .map{ width:auto; height:210px;} .p_tap .mapon div.maptext{width:auto; margin-left:0px;} .p_tap .directions{padding-right:0px;} .p_tap2{position:relative; padding-left:52px;} .p_tap2 h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute;top:0px; left:0px} .p_tap2 .tab_btn{display: table-cell; height: 52px; border: 1px solid #d5d5d5; background-color: #fff;font-family: "NanumBarun"; width:53px;} .p_tap2 .tab_con{padding:0px;border:1px solid #d5d5d5; padding:15px} /* mediacore 異붽�蹂� end css*/ .tab1 .tab_btn { font-size: 16px; line-height: 50px; } .tab1 .tab_con { padding: 40px 30px; } .login_wrap .tit { font-size: 28px; } .login_wrap .txt { font-size: 20px; } .login_box { width: 100%; margin: 20px auto; } .login_box .inp1 { width: 100%; } .login_box .login_btn { position: static; width: 100%; height: 55px; } .login_wrap ul { padding-top: 20px; } .login_wrap ul li { width: 100%; line-height: 1.2; } .login_wrap ul li:before { display: none; } .login_wrap ul li .m_btn { float: none; width: 100%; margin-top: 5px;} .sub03_03_05 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub03_03_05 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .ethics_box { padding: 40px 20px; } .ethics_box dl dt { width: 100%; padding: 0; margin-bottom: 10px; } .ethics_box dl dd { width: 100%; } .ci_box .left_box1 { width: 100%; margin-bottom: 20px; } .ci_box .left_box2 { width: 100%; padding-left: 0; } .sub02_06_03 .btn_type1 .btn { margin-bottom: 5px; } .li_style6 li { width: 100%; } .li_style7 li { width: 100%; margin-bottom: 10px; } .sub03_03_05 .respon_table > table { min-width: 650px; } } @media screen and (min-width: 320px) and (max-width:359px) { .sub_visual { height: 160px; } .sv_txt { padding-top: 80px; line-height: 36px; font-size: 28px; } .sv_txt a { width: 45px; height: 45px; } .sv_txt span { margin: 0px; padding: 0 10px; position: absolute; width: 100%; bottom: 50px; left: 0; } .sub_visual img { width: 800px; margin-left: -400px; } .strapline_mo .nav > li a { max-width: 70px; } .sub_contents { padding: 20px 10px; } .pc_view_inline { display: none; } ul.li_style1 li { width: 100%; margin-bottom: 10px; } ul.li_style1 li:nth-child(odd) { padding-right: 0; } ul.li_style1 li:nth-child(even) { padding-left: 0; } ul.li_style1 li > div { padding: 15px; padding-right: 80px; } ul.li_style1 li > div > .ico { right: 15px; bottom: 15px; width: 70px; height: 70px; background-size: cover; } ul.li_style1 li .ico.ico02 { background-position: center -70px; } ul.li_style1 li .ico.ico03 { background-position: center -140px; } ul.li_style1 li .ico.ico04 { background-position: center -210px; } ul.li_style1 li .ico.ico05 { background-position: center -280px; } ul.li_style1 li .ico.ico06 { background-position: center -350px; } ul.li_style1 li .ico.ico07 { background-position: center -420px; } ul.li_style1 li .ico.ico08 { background-position: center -490px; } ul.li_style1 li .ico.ico09 { background-position: center -560px; } ul.li_style1 li .ico.ico10 { background-position: center -630px; } ul.li_style1 li .ico.ico11 { background-position: center -700px; } ul.li_style1 li .ico.ico12 { background-position: center -770px; } ul.li_style1 li .ico.ico13 { background-position: center -840px; } ul.li_style1 li .ico.ico14 { background-position: center -910px; } ul.li_style1 li .ico.ico15 { background-position: center -980px; } ul.li_style2 li { width: 100%; margin-bottom: 10px; } ul.li_style3 { margin: 0 -5px; } ul.li_style3 li { width: 50%; margin-bottom: 10px; padding: 0 5px; } ul.li_style3 li div { padding: 15px 10px; } ul.li_style4 { margin-bottom: 0; } ul.li_style4 > li { width: 100%; margin-bottom: 30px; } ul.li_style4 > li > ul .con { padding: 10px; } ul.li_style4 > li > ul .con > ul > li { padding-left: 78px; } ul.li_style4 > li > ul .con > ul > li > span { width: 81px; height: 67px; margin-top: -33.5px; padding-right: 16px; background-size: cover; } ul.li_style5 { padding: 10px; } ul.li_style5 > li { padding-left: 78px; } ul.li_style5 > li > span { width: 81px; height: 67px; margin-top: -33.5px; padding-right: 16px; background-size: cover } ul.li_style5 > li > div > p { display: block; margin-bottom: 10px; } ul.li_style5 > li > div > div { display: block; } ul.li_style5 > li > div > div > div { text-align: left; } ul.li_style5 > li > div > div > div .btn { height: auto; padding: 5px 12px; line-height: 1.3; white-space: normal; } .top_text_box { padding: 20px; padding-right: 20px; } .top_text_box > .ico { display: none; } .text_box_style1 > li { width: 100%; margin-bottom: 20px; } .text_box_style1 > li > div .txt { min-height: auto !important; } .list_nomember_wrap > ul > li { width: 100%; } .respon_table > table { min-width: 900px; } .sub_style_2 th { height: 40px; padding: 8px; } .sub_style_2 td { height: 40px; padding: 8px; } .sns_list01 li { width: 100%; margin-bottom: 10px; } .sns_list01 li dt { border-right: 1px solid #d5d5d5; } .sns_list01 li dd { border-right: 1px solid #d5d5d5; } .sns_list02 li { width: 100%; } .line_box1 { padding: 10px; } .sub04_01_02_01 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_01 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_01_02_06 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub04_01_02_06 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .sub04_05_02_01 .li_size7 > * { width: 50%; margin-top: -1px; } .sub04_05_02_01 .tab2 li:nth-child(2n) .tab_btn { border-right: 1px solid #d5d5d5; } .area_info2 > ul > li { margin-left: -150px; } .area_info2 ul li > div { width: 300px; } .area_info2 ul li > div .tit { font-size: 16px; } .history1 .main_year span { width: 100px; height: 100px; font-size: 25px; line-height: 100px; } .history1_list li { width: 100%; margin-top: 30px; } .history1_list li:nth-child(odd) { padding-right: 0; } .history1_list li:nth-child(even) { padding-left: 0; } .history1_list li:nth-child(2) { margin-top: 30px; } .history1_list li:nth-child(odd):before { display: none; } .history1_list li:nth-child(odd):after { top: -10px; left: 50%; margin-left: -10px; } .history1_list li:nth-child(even):before { display: none; } .history1_list li:nth-child(even):after { top: -10px; left: 50%; margin-left: -10px; } .history1_list li > div { padding: 15px; } #tab2 .history1_list li:nth-child(2) { margin-bottom: 0; } #tab2 .history1_list li:nth-child(4) { margin-bottom: 0; } #tab2 .history1_list li:nth-child(6) { margin-bottom: 0; } #tab3 .history1_list li:nth-child(2) { margin-bottom: 0; } .history1_list li .year { margin-bottom: 15px; font-size: 25px; } .thumb_style_4 { padding-left: 0; } .thumb_style_4 .year { position: static; margin-bottom: 10px; } .thumb_style_4 > ul > li > div { padding: 15px 10px; } .thumb_style_4 > ul > li .thumb { position: static; margin: 0 auto; margin-bottom: 20px; } .thumb_style_4 > ul > li .thumb_con { width: 100%; padding-left: 0; } .thumb_style_4 > ul > li .tit a { padding-right: 0; } .thumb_style_4 > ul > li .tit span { position: static; float: right; } .text_box_style2 { padding: 10px; } .sub04_04_02_01 .li_size3 > * { width: 100%; margin-top: -1px; } .sub04_04_02_01 .tab2 li .tab_btn { border-right: 1px solid #d5d5d5; } .sub05_02_02_02 .li_size4 > * { width: 50%; margin-top: -1px; } .sub05_02_02_02 .tab2 li:nth-child(2n) .tab_btn { border-right: 1px solid #d5d5d5; } .history2_wrap { padding: 20px 40px; } .history2_con .left_box { width: 100%; padding-right: 0; } .history2_con .center_box { width: 100%; padding-top: 10px; } .history2_con .right_box { width: 100%; padding-left: 0; } .history2_con .year { height: 55px; font-size: 30px; line-height: 2; } .history2_wrap .bx-wrapper .bx-prev { width: 20px; height: 33px; left: -40px; background-size: cover; } .history2_wrap .bx-wrapper .bx-next { width: 20px; height: 33px; right: -40px; background-size: cover; } #evaluation { margin-top: 60px; padding-top: 0; } #evaluation .tit { width: 100%; } #evaluation > div { width: 100%; padding: 15px; } #evaluation > div label { display: inline-block; width: 80px; margin-right: 0px; } #evaluation > div button { display: block; width: 100%; margin-top: 10px; } #evaluation > ul li { width: 100%; margin-bottom: 10px; padding-right: 15px; border-right: none; } #evaluation > ul li:last-child { margin-bottom: 0; } /* mediacore 異붽�蹂� css*/ .mapon{padding:5%;} .mapon div.map{width:auto; height:280px; background-color:#cccccc; display:block;float:none;} .mapon div.maptext{width:auto;margin-left:0px; display:block;float:none;} .directions {padding:35px 35px 35px 88px;} .p_tap{position:relative; padding-left:0px;padding-top:218px;} .p_tap h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute; display:block; width:33.3333%; border:1px solid #d5d5d5; border-right:none; } .p_tap .tab_btn{display: block; height: inherit; border: none; background-color: #fff;font-family: "NanumBarun"; width:100%; padding:10px 0px 10px 0px;} .p_tap h5:nth-child(1){top:0px;} .p_tap h5:nth-child(3){top:0px;left:33.333%;} .p_tap h5:nth-child(5){top:0px;left:66.666%; border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(7){top:48px;} .p_tap h5:nth-child(9){top:48px;left:33.333%;} .p_tap h5:nth-child(11){top:48px;left:66.666%;border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(13){top:98px;} .p_tap h5:nth-child(15){top:98px;left:33.333%;} .p_tap h5:nth-child(17){top:98px;left:66.666%;border-right:1px solid #d5d5d5;} .p_tap h5:nth-child(19){top:149px;border-right:1px solid #d5d5d5;} .p_tap .tab_con{padding:0px; overflow:hidden; width:100%;} .p_tap .mapon .map{ width:auto; height:210px;} .p_tap .mapon div.maptext{width:auto; margin-left:0px;} .p_tap .directions{padding-right:0px;} .p_tap2{position:relative; padding-left:52px;} .p_tap2 h5{margin: 0px; padding-left: 0px; background:none; font-size: 15px; font-family: "NanumBarun"; font-weight: normal; display:block; position:absolute;top:0px; left:0px} .p_tap2 .tab_btn{display: table-cell; height: 52px; border: 1px solid #d5d5d5; background-color: #fff;font-family: "NanumBarun"; width:53px;} .p_tap2 .tab_con{padding:0px;border:1px solid #d5d5d5; padding:15px} /* mediacore 異붽�蹂� end css*/ .tab1 .tab_btn { font-size: 16px; line-height: 50px; } .tab1 .tab_con { padding: 30px 20px; } .login_wrap .tit { font-size: 28px; } .login_wrap .txt { font-size: 20px; } .login_box { width: 100%; margin: 20px auto; } .login_box .inp1 { width: 100%; } .login_box .login_btn { position: static; width: 100%; height: 55px; } .login_wrap ul { padding-top: 20px; } .login_wrap ul li { width: 100%; line-height: 1.2; } .login_wrap ul li:before { display: none; } .login_wrap ul li .m_btn { float: none; width: 100%; margin-top: 5px;} .sub03_03_05 .li_size9 > * { width: 33.333%; margin-top: -1px; } .sub03_03_05 .tab2 li:nth-child(3n) .tab_btn { border-right: 1px solid #d5d5d5; } .ethics_box { padding: 30px 20px; } .ethics_box dl dt { width: 100%; padding: 0; margin-bottom: 10px; } .ethics_box dl dd { width: 100%; } .ci_box .left_box1 { width: 100%; margin-bottom: 20px; } .ci_box .left_box2 { width: 100%; padding-left: 0; } .li_style6 li { width: 100%; } .sub02_06_03 .btn_type1 .btn { margin-bottom: 5px; } .li_style6 li { width: 100%; } .li_style7 li { width: 100%; margin-bottom: 10px; } .sub03_03_05 .respon_table > table { min-width: 650px; } }