@charset "utf-8"; /* CSS Document */ /* ------------------------------------------------------------ * Name : web_layout.css * Desc : page layout * Created : * Updated : ------------------------------------------------------------ */ body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;} .m_gnb .sub_menu {display:none !important;} .web_dis {display:block;} .mb_dis {display:none;} .search_btn {display: none; position: absolute; right:65px; top:26px;} img {max-width: 100%} .pc_view {display: block} .mb_view {display: none} .main_b {text-align:center;} .main_b p {border:1px solid #ccc; display:inline-block;} .main_b .web_dis {display:block;} .main_b .mb_dis {display:none;} .quick_wrap {transition: all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);} .quick_wrap > ul {transition: all 0.3s 0s ease-in-out;} .quick_wrap > ul > li {padding:2px;} .quick_wrap .m_bt {padding:2px 2px 3px 2px; transition: all 0.3s 0s ease-in-out; transform: translateX(100px); -wbkit-transform: translateX(100px); } .quick_wrap .m_bt > button {display:block; width:55px; height:55px; outline:none; background:url(../img/main/q_open.png) no-repeat left top;} .quick_wrap .m_bt > button.on {background:url(../img/main/q_close.png) no-repeat left top;} .quick_wrap > ul.on {transform: translateX(0px); -wbkit-transform: translateX(0px);} .chatting_q {transition: all 0.3s 0s ease-in-out; z-index:999; position:fixed; right:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%);} .chatting_q > p {transition: all 0.3s 0s ease-in-out; border-radius:100%; overflow: hidden; box-shadow: 1px 2px 3px #ccc;} .chatting_q a {display: block; width: 76px; height: 76px; background: #3084d8} /* 980px 이상 */ @media screen and (min-width:980px) { .quick_wrap > ul {transform: translateX(0px); -wbkit-transform: translateX(0px);} .chatting_q > p {transform: translateX(0px); -wbkit-transform: translateX(0px);} } /* 980px 이하 */ @media screen and (max-width:979px) { .quick_wrap > ul {transform: translateX(100px); -wbkit-transform: translateX(100px);} .chatting_q > p {transform: translateX(100px); -wbkit-transform: translateX(100px);} .quick_wrap .m_bt {transform: translateX(0px); -wbkit-transform: translateX(0px); } } /* 480px 이하 */ @media screen and (max-width:479px) { .quick_wrap > ul > li img {width:40px;} .quick_wrap .m_bt > button {width:40px; height:40px; background-size:cover !important} } /* header */ #header {width:100%; position:fixed; background: #fff; left:0px; top:0px; z-index:9999; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; border-bottom: 1px solid #cccccc;} .in_header {max-width:1660px; width:100%; height:100px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9; color: #fff;} #header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -wbkit-transform: translateY(-50%); overflow: hidden; transition: all 0.3s 0s ease-in-out; z-index:10 } #header .top_btns {overflow: hidden; position: absolute; right:150px; top:50%; transform: translateY(-50%)} #header .top_btns > li {float: left; padding: 0px 0px 0px 10px; margin-left:10px; position: relative;} #header .top_btns > li:first-child {padding-left: 0px; margin-left: 0px;} #header .top_btns > li:first-child:before {display: none;} #header .top_btns > li .ico {display: inline-block; line-height:20px; padding:2px; vertical-align: top; margin-right: 2px;} #header .top_btns > li .m_topbtn {line-height: 20px; font-weight: 300; color: #000000; font-size:14px;} #header .lang {display:flex; overflow: hidden; position: absolute; right:60px; top:50%; transform: translateY(-50%)} #header .lang > li {padding:0px 5px; position:relative;} #header .lang > li > a {display:block;} #header .lang > li.on > a {font-weight:700; color:#004497} #header .lang > li:not(:first-child):after {display:block; content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-5px;} /* wrap */ #wrap {width:100%; max-width:1920px; padding-top: 100px; overflow:hidden; margin:0 auto; transition: all 0.3s 0s ease-in-out;} #inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;} #inner_wrap:after {clear:both; content:""; display:block;} #inner_wrap.no_visual {padding-top:70px;} .inner {max-width: 1400px; margin:0 auto;} .inner:after { clear: both; content: ""; display: block;} .bg_wrap {background: #f2f2f2} .m_gnb_on {position:absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: block; } .m_gnb_on .menu_btn {margin: 0 auto;} /* GNB */ .w_gnb {padding:0px 0px 0px 0px;} .w_gnb .gnb {margin: 0 auto; box-sizing: border-box; padding:0px 260px;} .w_gnb .gnb:after {content:""; display:block; clear:both;} .w_gnb .gnb > ul {display: flex; justify-content: space-around; text-align: center;} .w_gnb .gnb > ul:after {content:""; display:block; clear:both;} .w_gnb .gnb > ul > li {text-align: center; vertical-align: top; position:relative;} .w_gnb .gnb > ul > li > a {display:block; color:#fff;} .w_gnb .gnb > ul > li > a > span {display:inline-block; box-sizing: border-box; font-size:18px; font-weight:400; line-height:100px; height:100px; color:#000000; transition: all 0.2s 0s ease-in-out; position: relative;} .w_gnb .gnb > ul > li > a > span:after {display: block; content: ""; width:0%; height:2px; background: #e2283d; position: absolute; left: 50%; bottom:0%; transform: translateX(-50%); transition: all 0.2s 0s ease-in-out;} .w_gnb .gnb > ul > li.on > a > span {color:#e3283d;} .w_gnb .gnb > ul > li:hover > a > span {color:#e3283d;} .w_gnb .gnb > ul > li:hover > a > span:after {width: 100%} .gnb > ul > li.gnb08 {display: none !important;} .gnb > ul > li.gnb09 {display: none !important;} .w_gnb .sub_menu {position:absolute; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width:210px; box-sizing:border-box; overflow:hidden; top:100%; display:none; background: #fff; padding: 20px 0px;} .w_gnb .sub_menu > li {padding:5px 3px; letter-spacing:-0.5px;} .w_gnb .sub_menu > li > a {display:block; font-size:16px; text-align:center; font-weight:400; color:#666666; padding:5px 0px; line-height:20px;} .w_gnb .sub_menu > li > a:hover {color:#262262;} .w_gnb .three_depth { display:none;} .w_gnb .three_depth { display:none;} .gnb08 {display: none !important;} .gnb09 {display: none !important;} .w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background: #2d3749} #gnb_bar {position:absolute; display:none; left:0%; top:100%; width:100%; height: 200px; background: url(../img/common/png_80.png) repeat left top; z-index: 8} .slide_menu_wrap {width:80%; max-width: 500px; box-sizing: border-box; height: 100%; z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; } .slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; } .slide_menu_inner .top_menu {background: none; display: block;} .slide_menu_inner .top_btns {overflow: hidden; padding: 0px 0px 20px 0px; margin: -5px; float: none; background: none;} .slide_menu_inner .top_btns > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;} .slide_menu_inner .top_btns > li > a {display: block; line-height: 140%; font-weight: 100; padding: 10px; border: 1px solid #fff; color: #fff; font-size: 15px; text-align: center} .slide_menu_inner .top_btns > li > a .ico {display: none;} .slide_menu_inner .top_btns > li a:before {display: none;} .slide_menu_wrap .m_gnb_on {display:none !important} .all_close {position: absolute; right:20px; top: 20px; z-index: 99998} .all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; } .all_close .menu_btn {height: 20px !important; width: 30px !important;} .all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important} .slide_menu_wrap .gnb > ul {overflow: hidden;} .slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;} .slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } .slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } .slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; } .slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 15px; font-size:15px; color:#d6d6d6; } .slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; } .slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} .slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;} /* visual */ #section1 { padding: 0px;} .main_visual {width: 100%; overflow: hidden; position: relative;} .main_visual .bxslider > li {} .main_visual .bxslider > li .bg_img {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:1920px; height:600px; } .main_visual .bxslider > li.active .bg_img img {transform: scale(1.05); transform-origin:50% 50%; transition: all 3s 0s ease-in-out; } .main_visual .bxslider > li.active .visual_txt {margin-top: -50px; opacity: 1; color: #fff; transition: all 0.8s 0s ease-in-out; } .main_visual .v_frame {max-width: 1400px; margin: 0 auto; position: relative;} .main_visual .v_frame .cell {height:600px; position: relative;} .main_visual .v_frame img {max-width: 100%;} .main_visual .v_frame .m_visual {display: none;} .main_visual .v_bt {display: inline-block; vertical-align: top; border-radius:100%; width: 40px; height: 40px; box-sizing: border-box; z-index:99;} .main_visual .v_bt > a {display: block; color: #000; font-weight:100; text-align: center; padding:10px;} .main_visual .stop {margin-right:10px;; color: #000; font-weight:100; text-align: center; position: relative;} .main_visual .stop > div {z-index: 2; position: relative;} .main_visual .stop:before {display: block; content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0px; top: 0px; opacity: 0.2; border-radius:100%; } .main_visual .stop a {display: block; color: #000; line-height: 100%; font-size: 0px; text-align: center; width:40px; height: 40px;} .main_visual .stop .bx-stop {background: url(../img/common/stop.png) no-repeat center center} .main_visual .stop .bx-start {background: url(../img/common/play.png) no-repeat center center} .main_visual #visual_r1 {position: relative; padding-left:2px;} .main_visual #visual_r1:before {display: block; content: ""; width: 1px; height: 20px; background: #fff; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);} .main_visual #proprev1 {left:50%; margin-left: -90px;} .main_visual #pronext1 {right:50%; margin-right: -90px;} .visual_counter_wrap {display: table; width: 100%; max-width:1400px; position: absolute; transform: translateX(-50%); left:50%; top: 0px; height: 100%; z-index: 98;} .visual_counter_wrap .cell {display: table-cell; vertical-align: middle; height: 100%;} .visual_counter_wrap .visual_txt {font-size:18px; line-height: 130%; font-weight: 100; color: #fff;} .visual_counter_wrap .txt1 {font-size: 2.9em; line-height: 110%; letter-spacing: -1px; font-weight:600; } .visual_counter_wrap .txt1:after {display: block; content: ""; width:40px; height: 2px; background: #fff; margin:30px 0px;} .visual_counter_wrap .txt2 {max-width: 560px;} .visual_counter_wrap .visual_counter {position: relative; padding-top:40px; padding-bottom:50px; box-sizing: border-box} .main_visual .v_txt {text-align: right; position: absolute; width: 100%; left:0%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .main_visual .v_txt img {margin-right: -200px;} .main_visual li.on .v_txt {opacity:1; transition: all 0.8s 0s ease-in-out; margin-top:-20px;} .main_visual .bx-controls {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom:30%; width: 100%; max-width: 1400px; box-sizing: border-box; z-index: 99;} .main_visual .bx-wrapper .bx-pager {position: relative; width: auto !important; left: auto; bottom: auto; display: inline-block; vertical-align: top; padding:7px 10px 0px 0px; z-index: 99;} .main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom: auto; display: inline-block; right: auto; width: 24px; height:18px; text-align: center; padding-top:10px;} .main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; z-index: 99;} .main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div > a {text-indent:1000000%;} .main_visual .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {vertical-align: top;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; margin:0 4px; background:#fff; border:none; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; box-sizing:border-box; position:relative; opacity: 0.5;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {opacity: 0.5; background: #fff;} .main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1; background: #fff;} .main_visual .bx-wrapper .bx-controls-auto .active {display: none;} .visual_banner_wrap {max-width: 1400px; margin: 0 auto; margin-top: -180px; overflow: hidden; position: relative; z-index:99} .visual_banner_wrap .visual_banner {float: right; width: 100%; max-width: 1100px;} .visual_banner_wrap .visual_banner > ul {display:flex; flex-wrap:wrap;} .visual_banner_wrap .visual_banner > ul > li {width: 24%; box-sizing: border-box;} .visual_banner_wrap .visual_banner > ul > li:first-child {background:#000; display:flex; align-items:center; flex:1} .visual_banner_wrap .visual_banner > ul > li > a {display: block; font-weight: 100; min-height: 180px; box-sizing: border-box; padding:6% 5% 0% 9%; color: #cccccc; font-size: 15px; line-height: 140%;} .visual_banner_wrap .visual_banner > ul > li > a .ico {display: block;} .visual_banner_wrap .visual_banner > ul > li > a .txt_t {display: block; padding:5px 0px 10px 0px; color: #fff; font-size: 1.1em; line-height: 140%; font-weight: 300;} .visual_banner_wrap .visual_banner > ul > li > a.bt_play_wrap {padding: 0px;} .visual_banner_wrap .visual_banner > ul > li:nth-child(2) > a {background:rgba(59, 52, 159, 0.8);} .visual_banner_wrap .visual_banner > ul > li:nth-child(3) > a {background:rgba(38, 34, 98, 0.8);} .visual_banner_wrap .visual_banner > ul > li:nth-child(4) > a {background:rgba(93, 88, 209, 0.8);} .bt_play_wrap {position: relative;} .bt_play {width: 72px; height: 72px; background: url(../img/common/play_bt.png) no-repeat left top; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2} .video_wrap {width:100%; position: relative; padding-bottom:56%;} .video_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;} .youtube_wrap {position: relative; padding-bottom:56%;} .youtube_wrap iframe {width: 100% !important; height: 100% !important; position: absolute; left: 0px; top: 0px;} .mont {font-family: 'Montserrat', sans-serif;} .mont strong {font-family: 'Montserrat', sans-serif;} .mont {font-family: 'Montserrat', sans-serif;} .mont strong {font-family: 'Montserrat', sans-serif;} /* section */ .section {padding:70px 0px; font-size: 16px; line-height: 140%; word-break: keep-all; color: #333333; font-weight: 300;} .main_tab_ban {position: relative; padding-top:20px;} .main_tab_ban > ul {overflow: hidden; margin:-20px;} .main_tab_ban > ul > li {float: left; width:33.33333%; box-sizing: border-box; padding:20px;} .main_tab_ban > ul > li .box {display: block; border: 1px solid #f5f5f5; min-height: 256px; box-sizing: border-box; transition: all 0.3s 0s ease-in-out; padding:7%;} .main_tab_ban > ul > li .box .txt_t {display: block; color:#222222; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; font-size:17px; line-height:24px; height:49px; margin-bottom:20px;} .main_tab_ban > ul > li .box .txt {display: block; color:#666666; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:300; font-size:16px; line-height:23px; height:47px; margin-bottom:40px;} .main_tab_ban > ul > li .box .date {display: block; color:#999999; font-weight:500; font-size:14px;} .main_tab_ban > ul > li .box:hover {border-color:#1f1b5c; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);} .main_tab_ban .more {top: -55px;} .notice_tit_wrap {display: flex; align-items:flex-end; justify-content: space-between;} .notice_tit_wrap .btn-tr {margin:0px; border:none; padding:0px; margin-bottom:30px;} .tab_top {padding-bottom: 20px; text-align: right; margin-top: -33px; padding-right:140px;} .tab_top .tab {display:inline-flex; } .tab_top .tab > li {box-sizing: border-box; padding: 0px 2px;} .tab_top .tab > li > a {display: block; border: 3px solid #fff; height:43px; line-height:37px; border-radius:30px; text-align: center; font-weight: 400; padding: 0px 17px; color: #999999; font-size:18px; box-sizing: border-box;} .tab_top .tab > li.on > a {border: 3px solid #252262; font-weight: 500; color: #252262;} #section3 {padding-bottom: 0px; background:url(../img/main/bg_section3.jpg) no-repeat left top; background-size: cover} .main_gallery_left {float: left;} .main_gallery_left .more {position: relative; right: auto; top: auto; margin-top:40px;;} .main_gallery:after {display: block; content: ""; clear: both;} .main_gallery {margin: -15px; float: right; width: calc(100% - 32.5%);} .main_gallery > li {float: left; width: 50%; box-sizing: border-box; padding: 15px;} .main_gallery .box {display: block;} .main_gallery .box:hover .pic { box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.4);} .main_gallery .box .pic {display: block; position: relative; overflow: hidden; transition: all 0.3s 0s ease-in-out; padding-bottom:66.817%; background:#fff; } /* .main_gallery .box .pic img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} */ .main_gallery .box .pic img {width: 100%; position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%)} .main_gallery .box .date {display: block;color: #999999; font-size: 14px; padding-top: 20px;} .main_gallery .box .txt_t {display: block; color:#222222; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:400; font-size:17px; line-height:24px; height:49px; margin-top:10px; margin-bottom: 50px;} .main_gallery > li:nth-child(2) {margin-top: 60px;} .main_gallery > li:nth-child(3) {margin-top:-60px;} @media (hover: none) { .hover:hover .ico_circle {background: #007dc6;} } .more {right:0px; top:0px; position: absolute;} .more > a {display: inline-block; font-size: 18px; font-weight: 400; color: #333333; line-height: 140%; padding-right: 43px; background: url(../img/main/more.png) no-repeat right 10px;} .mb_tit {text-align: center; font-size: 32px; color: #000; padding:50px 0px 25px 0px; line-height:150%; position: relative; font-weight: 700; border-bottom: 1px solid #e5e5e5} .mb_tit:after {display: block; content: ""; width:64px; height: 7px; position: absolute; left: 50%; bottom: 0px; margin-left: -32px; background: #313747} .m_tit {padding:0px 0px 10px 0px; color:#000000; text-align: center; font-size:45px; line-height:120%; font-weight:bold;} .m_tit_txt {margin:0px 0px 30px 0px; word-break: keep-all; color:#666666; font-weight: 300; font-size:20px; text-align:center; line-height:150%; display:block;} .m_tit img {vertical-align: baseline;} .line_tit {text-align: center; margin-top:40px; font-size: 2em; color: #000; border-bottom: 1px solid #e5e5e5; line-height: 140%;} .line_tit:after {display: block; content: ""; width:64px; height: 7px; margin: 0 auto; margin-top: 10px; background: #313747} /* footer */ #footerW {clear:both; background:#313747; padding:0px 0px 0px 0px; box-sizing: border-box; margin:0 auto; position:relative;} #footerW.z_over {z-index:101; position:relative;} #footer_navi {overflow:hidden; max-width: 1400px; margin:0 auto; border-bottom: 1px solid #6f737c} #footer_navi > ul {font-size: 0px; text-align: left; float: left; width: 50%; box-sizing: border-box;padding:30px 0px;} #footer_navi > ul li {display: inline-block; position: relative; vertical-align: top; padding-left:16px; margin-left:15px;} #footer_navi > ul li:first-child {padding-left:0px; margin-left: 0px;} #footer_navi > ul li:after {display: block; content: ""; width: 1px; height: 14px; background: #6f737f; position: absolute; left: 0px; top: 50%; margin-top: -7px;} #footer_navi > ul li:first-child:after {display: none;} #footer_navi > ul li a {display:block; font-size:16px; color:#fff; font-weight:300; line-height: 28px; } #footer { position: relative; } #footer .addressW {max-width: 1400px; margin: 0 auto; padding:25px 0px 35px 200px; box-sizing: border-box; position: relative; font-size:15px; color:#fff; line-height:24px; font-weight:100; background: url(../img/common/f_logo.gif) no-repeat left 30px;} #footer .addressW .copy {padding-top: 20px;} #footer .addressW a {color: #fff} #footer .addressW address {margin-left: -10px; line-height: 150%;} #footer .addressW address span {display: inline-block; vertical-align: middle; padding:2px 10px;} #footer .addressW address .line {width: 1px; height:16px; background: #6f737f; padding: 0px;} #footer .go_top {position: absolute; right:10px; top:30px; z-index: 99} #footer .go_top > a {display: block; color: #fff; text-align: center; padding:17px; background: #252b2b} #footer .go_top > a > span {display: none; font-weight: 100; font-size:14px; color: #fff} #footer .bt_member {position: absolute; right: 0px; top: 30px;} #footer .bt_member > a {display: block; border: 2px solid #fff; border-radius: 60px; width:170px; text-align: center; font-size:20px; font-weight: 100; line-height:55px; text-indent:-15px; color: #fff; background: url(../img/common/ico_pop.png) no-repeat 85% center; } #footerW .copy {color: #adadad; text-transform: uppercase; font-weight: 100;} #footerW .familySite {position:absolute; right:0px; top:-70px; z-index: 9} #footerW .familySite ul.show {display:block;} #footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;} #footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; } #footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; } #footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight: 300;} #footerW .familySite ul li a:hover {color:#c0c2c5; background: #272727} #footerW .familySite p.on {width:150px; text-align: left; border:1px solid #999999; color:#fff; cursor:pointer; font-size:15px; line-height:38px; background:url(../img/common/familySite_bg.png) no-repeat right center; padding:5px 32px 5px 17px; text-transform: uppercase; font-weight: 100;} #content {width:100%; max-width:1400px; margin:0 auto; padding:30px 0px;} #content:after {clear:both; content:""; display:block;} .sub_visual {width: 100%; box-sizing: border-box; overflow: hidden; position: relative; background: url(../img/common/sub_visual.jpg) no-repeat center top; display: table; background-size:cover !important} .sub_visual .sub_txt {display: table-cell; height:320px; box-sizing: border-box; vertical-align: middle; color: #fff; font-size: 26px; line-height: 130%;} .sub_visual .sub_txt > h2 {padding-bottom:0px; text-align: center; color: #fff; padding-top:0px;} .sub_visual .sub_txt .txt1 {font-size:32px; line-height: 140%; font-weight: 100; padding-bottom: 5px;} .sub_visual .sub_txt .date {font-size:32px; line-height:37px; font-weight:400; padding-bottom: 5px;} .sub_visual .sub_txt .txt_s {max-width: 1400px; margin: 0 auto; font-size:24px; line-height: 140%; font-weight:300; font-family: 'locus_sangsang';} .sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;} .sub_wrap_2 .sub_visual {background: url(../img/taekwondo/sub_visual.jpg) no-repeat center top;} .sub_wrap_3 .sub_visual {background: url(../img/sports/sub_visual.jpg) no-repeat center top;} .sub_wrap_4 .sub_visual {background: url(../img/sponsor/sub_visual.jpg) no-repeat center top;} .sub_wrap_5 .sub_visual {background: url(../img/data_room/sub_visual.jpg) no-repeat center top;} .sub_wrap_6 .sub_visual {background: url(../img/community/sub_visual.jpg) no-repeat center top;} .sub_wrap_7 .sub_visual {background: url(../img/public/sub_visual.jpg) no-repeat center top;} .sub_wrap_8 .sub_visual {background: url(../img/member/sub_visual.jpg) no-repeat center top;} .sub_wrap_9 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;} .sub_wrap .bt_quick {display: none} #sub_tit {font-size:52px; font-weight:600; max-width: 1400px; margin: 0 auto; line-height:130%;} #sub_tit .txt_s {font-size:36px; display: inline-block;} #m_lnb {display:none;} #lnb_wrap {position:relative; background: #f5f5f5; z-index:99; word-break: keep-all; box-shadow: none; box-sizing: border-box;} #lnb_wrap .lnbs1 {display: none;} #lnb_wrap .lnb {margin:0 auto; box-sizing: border-box; position:relative; z-index:9;} #lnb_wrap .lnb:after { clear:both; content:""; display:block;} #lnb_wrap .lnb .lnbs { float:left; width:50%; max-width: 240px; box-sizing: border-box; border-right:1px solid #e2e2e2; position:relative;} #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:calc(100% + 1px); top:-webkit-calc(100% + 1px); width:100%; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; display:none; background: #fff;} #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;} #lnb_wrap .ico_home {position: absolute; left: 0px; top: 0px; display: none;} #lnb_wrap .ico_home a {display:block; width:60px; height:60px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #242060 ;} .lnb ul li {color:#666666; display: block; padding: 0px; margin-top: 0px;} .lnb .three_depth {padding: 10px;} .lnb ul li a {color:#666; font-size:15px; display:block; line-height:20px; min-height:20px; height: auto; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none; font-weight:400;} .lnb ul li a:hover {color:#000;} .lnb .three_depth {border: none;} .lnb ul li .three_depth a {padding:6px 15px; border: none; font-size: 13px;} .lnbs2 ul li.on a {border-radius:0px; } #lnb_wrap .lnb .lnbs2 {display: none;} #lnb_wrap .lnbs3 {width: 100%; max-width: 1400px; margin: 0 auto;} #lnb_wrap .lnbs3 > ul:after {display: block; content: ""; clear: both} #lnb_wrap .lnbs3 > ul > li {float: left; padding-left:40px;} #lnb_wrap .lnbs3 > ul > li:first-child {padding-left:0px;} #lnb_wrap .lnbs3 > ul > li > a {display: block; line-height:80px; height:80px; box-sizing: border-box; color: #333333; font-weight:400; padding: 0px; font-size:18px; border: none; position: relative;} #lnb_wrap .lnbs3 > ul > li.on > a {font-weight: 500; color: #e11b32;} #lnb_wrap .lnbs3 > ul > li.on > a:after {display: block; content: ""; width: 100%; height:2px; background: #e11b32; position: absolute; left: 0px; bottom: 17px;} .drop.on .four_depth {display: block;} .four_depth {background: #ececec; border-bottom: 1px solid #e2e2e2 ; display: none;} .lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding: 10px 0px 10px 30px; background:#f4f4f4 !important; border: none !important; position: relative;} .lnb .four_depth li a:before {display: block; content: ""; width:5px; height:1px; background: #333; position: absolute; left:20px; top: 50%;} .lnb .four_depth li.on a {color:#55b664 !important;} .lnb .four_depth li.on a:before {background: #55b664;} .lnbs3 ul li.drop > a {position: relative;} .drop > a:before {display: block; content: ""; width: 11px; height:1px; background: #999; position: absolute; right:0%; top: 50%; margin:0px 10px 0px 0px;} .drop > a:after {display: block; content: ""; width:1px; height:11px; background: #999; position: absolute; right:0%; top: 50%; margin:-5px 15px 0px 0px;} .drop.on > a:before {background: #fff;} .drop.on > a:after {background: #fff;} .drop > a.on:after {display:none;} #lnb_tit {font-size:16px; display: block; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight:300;} #lnb_tit2 {display: block; font-size:16px; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;} #lnb_tit3 {display: block; font-size:16px; box-sizing:border-box; padding-left:25px; color:#666666; line-height:60px; height:60px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;} #lnb_tit.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;} #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;} #lnb_tit3.on {background:url(../img/common/lnb_arrow_on.png) no-repeat right center;} #lnb_menu .three_depth {display: none;} .title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:50px; position: relative;} .title_bar h2 {font-size:38px; text-align: center; font-weight:600; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;} .title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all} .big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;} .location {position: relative; text-align: center; margin: 0 auto; margin-top:10px; line-height:30px; height:30px; font-size:15px;} .location span {display:inline-block; zoom:1; *display:inline; padding-left:20px; margin-left:14px; background:url(../img/common/location.png) no-repeat left center; color:#fff; font-weight:100;} .location span:first-child {padding-left:0px; margin-left:0px; background:none} .location #location_2 {font-weight:500;} .location #location_3 {font-weight:500;} .location img {vertical-align:middle; margin-top: -4px;} .sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 170%; word-break: keep-all;} .sub_con > .s_tit:first-child {margin-top: 0px;} .sub_con img {max-width: 100%;} .s_tit {font-size: 28px; font-weight: 600; line-height: 140%; margin:50px 0px 10px 0px;} .ss_tit {font-size:23px; color: #222222; line-height:110%; margin-bottom:5px; padding:0px 0px 0px 15px; position: relative; margin-top:50px; font-weight:600;} .ss_tit > span {display: inline-block; position: relative; z-index: 1} .ss_tit:before {display:block; content: ""; z-index: 0; width:5px; height:21px; background: #262262; position: absolute; left: 0px; top:2px;} .ss_tit.br_no {margin-bottom: 0px;} .ss_tit.pl0:before {display: none;} .ss_tit.tc {text-align: center; background: none !important; padding-left: 0px;} .ss_tit.tc:after {display: none;} .ss_tit.tc:before {display: none;} .fnt_sm{font-weight:600; font-size:1em;} /*.ss_tit:before {display: block; content: ""; width:7px; height:24px; background:#0f7bc6; position: absolute; left: 0px; top:4px;} .ss_tit > span{font-weight: 300;}*/ .s_titW {max-width: 1400px; margin:0 auto; padding: 50px 0px 5px 0px;} .sss_tit {font-size:20px; color:#000; padding:0px 0px 0px 20px; margin:40px 0px 10px 0px; line-height:140%; position: relative;} .sss_tit:before {display: block; content: ""; width:10px; height:10px; background:#144085; border-radius:100%; position: absolute; left: 0px; top:10px;} .b_txt {font-size:22px; color: #333333; font-weight:400; padding:40px 0px 10px 0px; line-height: 150%;} .s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;} .s_txt_r2 {height: 40px; margin-top: -55px;} .imgW img {max-width:100%;} .txt_in {padding-left:20px;} .div_line {border-top:1px solid #aab7cc; margin-top: 50px; padding: 50px 0px; display: block} .box_txt {border: 1px solid #d0d0d0; text-align: center; background: #f4f6f7; font-size: 22px; line-height: 140%; color:#004497; padding:30px 0px;} .first_txt {font-size: 2em !important; line-height: 140%; color: #000;} #add_date {position: relative; padding-right:115px; } #add_date .bt {position: absolute; right: 0px; top: 0px;} .tooltip {color: #ff751a; border: 1px solid #ff751a; border-radius:6px; text-align: center; line-height:38px; width:38px; height: 40px; box-sizing: border-box; font-size: 1.5em; vertical-align: middle;} .br_box {border: 1px solid #dce1eb; padding: 20px 20px 20px 20px;} .t_box {background: #757a85; color: #fff; padding: 5px 5%; display: inline-block;} td .br_box {padding:5px;} td .gray_box {padding:5px;} .radio_group_row > li {padding-top:8px;} .radio_group_row > li:first-child {padding-top:0px;} .radio_group_row > li.disabled {opacity:0.4;} .radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;} .radio_group > li {display: inline-block; padding:7px 0px 0px 15px;} .radio_group > li.etc_li {width: 100%; max-width:560px;} .radio_group > li.etc_li .input {width: calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;} .radio_group .input {width: auto !important;} .input_group {padding: 5px 0px 0px 0px; margin:-5px 0px 0px -15px;} .input_group > li {display: inline-block; padding: 5px 0px 0px 15px;} .input_group .input {width: auto !important;} .input_etc {position: relative; padding-left: 62px; box-sizing: border-box;} .input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;} .btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;} .btn-tc > a {margin: 0px 10px;} .btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;} .btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;} .bt_close {width:18px; height: 18px; display: inline-block; vertical-align: middle; background: url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent: -9999px; background-size: 10px auto;} /*atab*/ .atab { margin-bottom:40px; padding-top: 10px;} .atab:after {clear:both; display:block; content:"";} .atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; } .atab li a {display:table-cell; width: 100%; height:65px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:1.1em; font-weight: 400;} .atab li.on a {font-weight: 500; border: 1px solid #262262 !important; background: #262262; color: #fff;} .atab li.on a:after {display: block; content: ""; width: 20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-20px; transform: rotate(45deg) translateX(-50%);} .atab.two li {width:50%;} .atab.three li {width:33.33%;} .atab.four li {width:25%;} .atab.two_row > li {margin: -1px 0px 0px -1px} .atab.two_row > li.on {margin-top:-1px;} .atab.two_row > li.on a {height: 50px;} .atab.two_row > li > a {border-left:1px solid #cccccc;} .btab { margin-bottom:40px; padding-top: 10px; font-size: 0px; text-align: center} .btab:after {clear:both; display:block; content:"";} .btab li {display: inline-block; padding:2px 2px; box-sizing:border-box; position:relative;} .btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border: 1px solid #00357e; border-radius:30px; font-size:16px; } .btab li a .ico {display:block; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; margin-bottom:10px;} .btab li.on a {color: #fff; background: #00357e; border-color:#00357e;} .btab li.on a .ico img {margin-top: -100%;} .btab.two li {width:50%;} .btab.line li {padding:2px;} .btab.line li a {border: 1px solid #ccc; padding: 0px 5px; font-size: 15px;} .btab.line li.on a {border: 1px solid #ed2129;} .of_hi .fl50 {float:left; width:49%;} .of_hi .fr50 {float:right; width:49%;} .graybox { background:#cccccc; padding:10px;} .no_flash { display: none;} /* 레이어팝 */ #black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;} .layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;} .layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;} .pop_wrap {display: table-cell; vertical-align: middle; position: relative;} .pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;} .pop_wrap .pop_body .btns {padding-top: 20px;} .pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;} .pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; border-radius:30px; overflow: hidden;} .pop_wrap .x_btn {position: absolute; right:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: inline-block; cursor: pointer; background: none} .pop_wrap .pop_head {background: #fff; position: relative;} .pop_wrap .pop_head .title {font-size:26px; line-height:150%; color: #000000; padding:20px 50px 20px 25px; text-align: left; font-weight:600;} .pop_wrap .pop_head .title.tc {padding-left:50px;} .pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px; color: #646464; text-align: center; padding: 0px 0px 30px 0px;} .pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; } .pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; } .pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;} .pop_body .btn-tc > a {margin: 0px 10px;} .pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;} /* 팝업 */ .layers_wrap {background:#FFF; position:relative; min-width:300px; font-weight:300;} .layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333; text-align: center; font-size:1.8em; color:#fff; position:relative;} .layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;} .layers_wrap .close_pop { position:absolute; right:25px; top:17px;} .layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/} .layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;} .layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;} .layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;} .layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;} .layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;} /* 팝업 */ .main_layer_pop {position: absolute; left:5%; top:100px; z-index: 9999} .main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc;} .main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../popup/images/pop_close.gif) no-repeat right center; } .main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;} .main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative;} .main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;} .main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;} .main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;} .main_layer_pop .pop_wrap_in {margin: 0 auto;} .main_layer_pop .pop_wrap_in{max-height:500px; overflow-y:auto;} .main_pop_content > img{max-width:100%;} /* member */ .login_type {overflow: hidden;} .login_type .login_wrap {float: left; width:50%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px ; text-align: center; margin-top: 10px;} .login_type .login_wrap:first-child {border-left: 1px solid #cccccc;} .login_wrap {margin:0 auto; background: #fff; padding:3%; box-sizing: border-box; border: 1px solid #cccccc; } .login_wrap .login_bt .btn {background-color: #262262; border: 1px solid #262262; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 22px; text-align: center;font-weight:300; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;} .login_wrap .id_save {font-size:15px; color:#000; margin:0px 0px 20px 0px; float: left;} .signup {padding:20px 0px 15px 0px;} .signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;} .signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;} .signup li { margin-bottom:5px;} .signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#f7f7f7; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; text-indent:10px; } .join_go {border-top:1px solid #ccc; margin-top: 18px; padding: 18px 0px 0px 0px; text-align: center;} .join_go > a {background-color: #fff; color: #262262; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #262262; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; } .find_idpw {text-align: right; padding:0px 0px 20px 0px;} .find_idpw > li {display: inline-block; vertical-align: top; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center;} .find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;} .find_idpw > li a {color:#666666; font-weight:400;} .find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; } .join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;} .member_wrap {max-width:590px; margin:0 auto;} .check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;} .join_type {overflow: hidden;} .join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;} .join_type.two > dl {width: 50%;} .join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px; text-align: center; margin-top: 10px;} .join_type > dl:first-child {border-left: 1px solid #cccccc;} .join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;} .join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;} .join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;} .join_type > dl > dt .f_s {display: block; font-size:0.8em; line-height: 130%;} .join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;} .join_type > dl > dd.txt {padding: 10px 0px 30px 0px;} .join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; } .join_type > dl > dd.bt {padding-top:10px; min-height: auto;} .join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;} .join_type > dl > dd.bt.two a {min-width: 110px;} .join_box{overflow:hidden;} .join_box.pa_rl{padding:0px 17%;} .agency_join {float:left; width:33.33333%; margin:0 auto; text-align:center; box-sizing:border-box; padding:30px 40px;} .agency_join.two{width:50%;} .agency_join.btnsbg01{background-color:#071c5f;} .agency_join.btnsbg02{background-color:#f2773d;} .agency_join.btnsbg03{background-color:#386fd3;} .agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;} .join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;} .join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; } .etc_btns{text-align:right; font-size:0px;} .etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;} .etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; } .sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;} .sign_box .sign {box-sizing:border-box; position:relative;} .interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;} .join_step > ol {overflow: hidden; max-width:440px; margin: 0 auto; } .join_step > ol > li {float: left; text-align: center; width: 33.333%; box-sizing: border-box; padding: 0px 20px; position: relative;} .join_step > ol > li:first-child:before {display: none;} .join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(../img/member/step.gif) no-repeat left top; position: absolute ; left:-10px; top:25px;} .join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;} .join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;} .join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%;} .join_step > ol > li.on .txt {color: #000;} .join_step > ol > li.on .ico img {opacity: 0;} .join_step > ol > li.on .ico img.on {opacity:1;} .certify {text-align: center; padding-top: 50px;} .certify:before {display: block; content: url(../img/member/certify.png);} .certify dt {font-size: 22px; line-height: 140%; padding-bottom: 10px;} .mentor_box {font-size: 15px; font-weight: 300;} .all_check {text-align: center; padding: 15px 5px; margin: 30px 0px; background: #f5f5f5} .print_wrap #header {display: none !important} .print_wrap .sub_visual {display: none !important} .print_wrap #lnb_wrap {display: none !important} .print_wrap .title_bar {display: none !important} .print_wrap .page_tab {display: none !important} .print_wrap #footerW {display: none !important} .print_wrap .print_bt {display: none !important} .print_wrap .p_none {display: none !important} #wrap.print_wrap {padding:0px !important} .ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; } .ico_note {position: relative; padding-left:25px; line-height: 140%; background: url(../img/common/ico_note.png) no-repeat left 2px;} .ico_note:before {display: none; content: ""; width:20px; height: 20px; border-radius:100%; background: #3084d8; position: absolute; left: 0px; top:2px;} .ico_note:after {display: none; content: "!"; width:20px; height: 20px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; line-height: 19px; position: absolute; left: 0px; top:2px;} .date_picker_two {overflow: hidden; position: relative} .date_picker_two .date_picker {float: left; width:47%;} .date_picker {position: relative; padding-right: 40px; box-sizing: border-box;} .date_picker .input {width: 100%;} .date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;} .date_picker.two_col .input {width: 100%;} .date_picker_two .col-sm-2 {float: left; width:47%;} .date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;} .bt_include {position: relative; display: flex; flex-wrap: wrap; box-sizing: border-box;} .bt_include > div {flex: 1} .bt_include .add_bt {width:90px; margin-left: 5px;} .bt_include .add_bt > a {display: block} .bt_include .add_bt > a > span {padding-left: 5px; padding-right: 5px;} .bt_include select {width: 100%; max-width: 100%; flex: 1} .bt_include .input {flex: 1} .bt_include2 {padding-right:65px; margin: 0 auto;} .board-write .input {min-height: 40px; line-height: 40px; width: 100%;} .down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;} .down_file > span {display: block; padding-left:23px; color: #000; background: url(../img/common/ico_file.png)no-repeat left center;} .down_file:first-child {margin-left:0px;} .view_tit {} .view_tit .v_tit {font-size: 1.5em; font-weight:600; line-height: 130%; word-break: break-all;} .view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;} .view_tit .v_list {padding-top:0px;} .view_tit .v_list > li {display: inline-block; color: #000; vertical-align: top; font-weight: 100; font-size:1.05em; padding:5px 10px; position: relative;} .view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)} .view_tit .v_list > li:first-child:before {display:none;} .click_count {text-align: right; padding: 10px 0px; font-size:1.05em; color: #666666} .view_photo {padding: 20px 0px 0px 0px; text-align: center;} .td_btns {font-size: 0px; text-align: center; padding: 0px 5px; max-width:260px; margin: 0 auto;} .td_btns > li {display: inline-block; min-width:50%; box-sizing: border-box; padding: 2px;} .td_btns > li > a {display: block; min-width:100%} .td_btns > li > .btnNormal span {padding:10px 5px; min-height:16px; height: auto; line-height:16px; white-space:normal;} .dl_table > dl {padding:20px 0px 0px 0px;} .dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;} .dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc} .dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc} .dl_table > dl .pa_minus {line-height:46px;} .dl_table > dl .btnNormalS span {height:46px; line-height: 46px; overflow: hidden;} .member_ok {font-size:1.5em; text-align: center; line-height: 140%; padding:30px 0px 190px 0px; background: url(../img/member/complete.png) no-repeat center bottom; } .btnNormal.m_block span {min-width:60px;} .find_type {font-size:20px; color: #333333; line-height: 140%; padding: 20px 0px 10px 0px; margin-top: 10px; } .find_type > button {display: block; font-size:20px; color: #333333; line-height: 140%; padding-left:25px; font-weight: 500; background: url(../img/common/radio.png) no-repeat left 7px; outline: none; text-align: left;} .find_type.on > button {background-position:left -69px;} .find_box .btn-tc {margin-top: 0px; border: none;} .find_cell {box-sizing: border-box; position: relative;} .find_cell:after {clear: both; content: ""; display: block;} .find_cell .cell {float: left; width: 50%; box-sizing: border-box;} .find_cell .cell select {width: 100%} .find_cell .bt {position: absolute; right: 0px; top: 0px;} .find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail.gif) no-repeat center top; } .find_pop {font-size: 15px; line-height: 150%; padding-bottom: 40px !important; position: relative;} .bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;} .ico_notice {display: inline-block; vertical-align: middle; padding:4px 10px; background: #ed2129; line-height:20px; color: #fff; } .date_picker_two {overflow: hidden; position: relative} .date_picker_two .date_picker {float: left; width:47%;} .date_picker {position: relative; padding-right: 40px; box-sizing: border-box;} .date_picker .input {width: 100%;} .date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;} .date_picker.two_col .input {width: 100%;} .date_picker_two .col-sm-2 {float: left; width:47%;} .date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;} .photo_upload {width:180px; height:280px; position: relative; border-radius:100%; margin: 0 auto; } .photo_upload .file_upload {width:100%; height:46px; position: absolute; left:0px; bottom:0px;} .photo_upload .file_upload label {width:100%; height: 46px; padding: 0px; line-height: 46px; text-align: center; color: #fff; font-size: 18px; background: #333333; border-radius:6px; overflow: hidden;} .photo_upload .file_upload .del {text-transform:lowercase; display:block; width:100; height: 46px; padding: 0px; line-height: 46px; text-align: center; color: #fff; font-size:18px; background: #333333; border-radius:6px; overflow: hidden;} .photo_upload .pic_area {width:180px; height: 220px; background: url(../img/common/user.png) no-repeat center center #f5f7f8; overflow: hidden; position: relative;} .photo_upload .pic_area .picW {width: 180px; height: 180px; background: #f5f7f8;} .photo_upload .pic_area .del {display: block; width: 55px; height: 55px; padding: 0px; line-height: 55px; text-align: center; color: #000; font-size: 40px; background: #fdce00; border-radius: 100%; overflow: hidden; position: absolute; right:-5px; bottom:-5px;} .photo_upload .pic_area .pic { display: block; width: 100%; height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)} .photo_upload .pic_area .pic img {max-width:100%; max-height:100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)} .file_upload { /*padding-right:85px; padding-right:100px;*/ position:relative;} .file_upload label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height: 40px; line-height: 39px; background:#757a85; color: #fff;} .file_upload label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;} .file_upload > input {color:#737070; font-size:1em; background-color: #ffffff; border: solid 1px #ccc; width:100%; box-sizing:border-box; -moz-box-size:border-box; min-height: 40px; line-height: 38px;} .file_upload.small {display: inline-block; vertical-align: top;} .file_upload.small label {cursor:pointer; display:inline-block; overflow:hidden; padding: 0px 22px; height:23px; line-height:23px; background:#fff; color: #000; border: 1px solid #000; font-size: 14px;} .file_upload_on {border:1px solid #ccc; padding:12px 30px 12px 10px; position:relative;} .file_upload_on > p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .file_upload_on .close {position:absolute; right:0px; top:0px; height:100%; display:block;} .file_upload_on .close img {max-height:100%;} .file_upload_wrap .file_view {display: inline-block; line-height: 25px; color: #333333; padding: 0px 5px; vertical-align: top; font-size: 15px;} .file_upload_wrap .file_view .del {border: 1px solid #000; background: #fff; height: 25px; line-height: 18px; min-width:25px; text-align: center; color: #000; display:inline-block; vertical-align:top; margin-left: 3px;} .field_list {padding: 20px; border-top:1px solid #ccc; margin:10px -20px -20px -20px; background: #eff1f6} .file_add > li {padding-right:85px; position: relative;} .input_del { position: absolute; right: 0; top:0px;} #print_wrap {font-size:13px;} #print_wrap .board-write th {padding:5px 5px 5px 20px; font-size:13px;} #print_wrap .board-write td {padding: 5px 10px 5px 20px; font-size:13px;} #print_wrap .table_style2 thead tr th {padding: 5px 2px;} #print_wrap .table_style2 tbody tr td {padding:5px 5px;} #print_wrap .table_style2 tbody tr th { padding: 5px 0 5px;} .introduce_wrap {position: relative; padding-right: 40%;} .introduce_wrap .img {max-width: 40%; position: absolute; right: 0px; top: 0px;} .introduce_wrap .first {font-weight: 100; font-size: 2.1em; line-height: 140%;} .introduce_wrap .first > strong {font-weight: 600;} .introduce_wrap .second {font-size:1.7em; line-height: 140%; font-weight: 600;} .introduce_wrap .third {font-weight: 500;} .introduce_wrap .txt > strong {display: block; font-size: 1.25em; line-height: 140%; font-weight: 600;} .introduce_wrap .sign {display: inline-block; position: relative; font-weight: 400; padding:45px 150px 0px 0px} .introduce_wrap .sign:after {display: block; content: ""; width: 137px; height: 101px; _background: url(../img/introduce/sign.gif) no-repeat left top; position: absolute; right: 0px; top: 0px;} .taekwondo_wrap {position: relative; overflow: hidden;} .taekwondo_wrap .img {float: right; width: 50%;} .taekwondo_wrap .txt {float: left; width: 50%; box-sizing: border-box; padding-right: 10px;} .taekwondo_wrap .first > strong {font-weight: 600;} .taekwondo_wrap .second {font-size:1.7em; line-height: 140%; font-weight: 600; padding-bottom: 20px;} .sub_section {padding: 80px 10px; margin:80px -10px;} .sub_section.gray {background: #f5f5f5} .taekwondo_history {display: flex; padding-top: 10px;} .taekwondo_history .img {flex-basis: 41%;} .taekwondo_history .txt {flex-basis: 59%;} .taekwondo_history .txt > dt {padding-top: 40px;} .taekwondo_history .txt > dt:first-child {padding-top:0px;} .taekwondo_history.img_r .img {order:2; text-align: right; padding-left: 10px;} .taekwondo_history_bg {position: relative;} .taekwondo_history_bg .txt {z-index: 2; position: relative; min-height:380px; padding-top: 10px; padding-left:26%;} .taekwondo_history_bg:before {display: block; content: ""; width: 1059px; height:446px; background: url(../img/taekwondo/01_img04.jpg) no-repeat left top; background-size: cover; z-index: 1; position: absolute; left: 50%; bottom: 0px; margin: 0px 0px -80px -950px;} .taekwondo_history_bg:after {display: block; content: ""; width:492px; height:164px; background: url(../img/taekwondo/01_img05.jpg) no-repeat left top; background-size: cover; z-index: 1; position: absolute; left: 50%; top: 0px; margin: -130px 0px 0px 470px;} .taekwondo_rule {position: relative; background: url(../img/taekwondo/02_bg01.jpg) no-repeat center top } .taekwondo_rule .txt {text-align: center; color: #fff; font-weight: 100; font-size: 1.9em; line-height: 140%; padding:10% 0px 6% 0px;} .taekwondo_rule .down {margin: 0 auto; max-width:670px; overflow: hidden;} .taekwondo_rule .down > li {float: left; width: 50%; box-sizing: border-box; padding: 5px;} .taekwondo_rule .down > li > a {display: block;} .taekwondo_rule .down > li h3 {background: #fff; padding:20px; box-shadow:1px 5px 10px rgba(0, 0, 0, 0.2); max-width: 236px; margin: 0 auto;} .taekwondo_rule .down > li .bt {display: block; padding: 0px 10px; max-width: 256px; margin:0 auto; margin-top:15px; background: #313747} .taekwondo_rule .down > li .bt > span {display: block; color: #fff; text-align: center; line-height: 60px; background: url(../img/common/ico_down.png) no-repeat right center; font-size: 1.15em; font-weight: 400;} .competition .first {font-weight: 100; font-size: 1.8em; line-height: 140%; max-width:1080px;} .competition_first {overflow: hidden; margin-top: -70px;} .competition_first .img {float: right; box-sizing: border-box; width: 50%;} .competition_first .txt {float: left; box-sizing: border-box; width: 50%; margin-top: 12%; padding:0 20px 0px 35px; position: relative;} .competition_first .txt:before {display: block; content: ""; width: 1px; height: 100%; background: #2e1253; position: absolute; left: 0px; top: 0px;} .competition_first .txt:after {display: block; content: ""; width:8px; height:67px; background: #2e1253; position: absolute; left: 0px; top: 0px;} .competition .ico_group {margin: 0 auto; margin-top: 120px; max-width: 1090px; text-align: center;} .competition .ico_group > h3 {display:inline-flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items:center; max-width: 585px; height: 73px; color: #fff; font-weight: 100; font-size: 1.4em; line-height: 130%; border-radius:60px; background: #252161} .competition .ico_group > ul {display:flex; border-radius:200px; padding: 50px 10px; background: #f5f5f5; justify-content: center; margin-top: -35px;} .competition .ico_group > ul > li {max-width: 210px; padding: 15px;} .competition .ico_group > ul > li .box {background: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); background: #fff; border-radius:100%; overflow: hidden;} .ipc_txt {overflow: hidden;} .ipc_txt > div {float: left; width: 50%; box-sizing: border-box; padding: 60px;} .type_level {overflow: hidden;} .type_level .img {float: left; width: 50%; box-sizing: border-box; padding-right: 20px;} .type_level .txtW {float: left; width: 50%; box-sizing: border-box;} /* ------------------------------------------------------------ * Name : mobile_layout.css * Desc : page layout * Created : * Updated : ------------------------------------------------------------ */ .mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;} .m_gnb {position:absolute; left:0px; top:81px; width:100%;} .m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;} .m_gnb .gnb > ul:after {content:""; display:block; clear:both;} .m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)} /*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/ .m_gnb .sub_menu {width:100%; line-height:20px; background:#4a4a4a; display:none;} .m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)} .m_gnb .sub_menu > li > a:hover { background:#009091;} .m_gnb .gnb .alarm { background-size:20px;} .m_gnb .gnb .name {max-width:200px;} .mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;} .mobile_on select {height:31px; padding:0px 2em 0px 8px!important;} .mobile_on .sel_arrow {position: relative;} .down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;} .down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;} .down_file:first-child {margin-left:0px;} /* 980px 이상 */ @media screen and (min-width:1220px) { } /* 1024 이상 */ @media screen and (min-width:1024px) { } /* 1280px 이상 */ @media screen and (min-width:1199px) { .m_gnb {display:none !important;} } /* 1220px 이하 */ @media screen and (max-width:1219px) { #wrap {padding-top: 80px;} .in_header {height:80px;} .m_gnb_on {display: block; margin: 0px;} .w_gnb {display: none;} #header .in_header .top_btns {display: none;} .top_menu {display: none;} .w_gnb {display:none;} #gnb_bar {display:none !important;} #inner_wrap {padding:0px 10px 70px 10px;} #inner_wrap.no_visual {padding-top:70px;} #footer_navi > ul {float: none; text-align: center; width: 100%;} #footer .addressW {padding:30px 0px 30px 0px; background:none; text-align: center;} #footerW .copy > p {text-align: center;} } /* 980px 이하 */ @media screen and (max-width:979px) { .visual_inner {padding: 0px 0px 320px 0px; background-size:auto 340px; background-position:center bottom } .main_visual {padding:10px 0px 20px 0px; background-size:cover} .main_visual_wrap .video {float: none; width: 100%; margin: 0 auto;} .main_visual_wrap .video .video_in {margin: 0 auto; margin-top: 20px; max-width: 640px;} .main_visual_wrap .txt {float: none; width: 100%; padding-top: 20px; text-align: center;} .tab_top {margin-top: 0px; text-align: left; padding-top: 20px;} .main_gallery_left {float: none;} .main_gallery {width: auto;} .main_gallery_left {position: relative; padding-bottom: 30px;} .main_gallery_left .more {position: absolute; right: 10px; top: 0px;} .section {font-size:16px;} .main_tab_ban {padding-top: 0px;} .main_tab_ban > ul {margin: -10px;} .main_tab_ban > ul > li {padding: 10px;} .inner {padding: 0px 10px;} .sub_con {font-size: 16px;} .sub_visual .sub_txt {height:200px;} #sub_tit {font-size:38px;} .sub_visual .sub_txt > h2 {padding-bottom:0px} .title_bar:before {display: none;} #lnb_wrap {padding: 0px; margin: 0px; height: auto; border-bottom: 1px solid #e2e2e2} #lnb_wrap .lnb {padding-left: 60px} #lnb_wrap .lnb .lnbs {max-width: none;} #lnb_wrap .lnbs1 {display: block;} #lnb_wrap .lnb .lnbs2 {display: block;} #lnb_wrap .lnbs3 {display: none;} #lnb_wrap .ico_home {display: block;} .taekwondo_wrap .txt {width: 100%; padding: 0px 0px 20px 0px;} .taekwondo_wrap .img {width: 100%; text-align: center} .taekwondo_history {flex-wrap: wrap;} .taekwondo_history .img {flex-basis: 100%; order: 2; padding-top:20px; text-align: center !important;} .taekwondo_history .txt {flex-basis: 100%;} .competition_first {margin-top:0px;} .competition_first .img {float: none; width: 100%; text-align: center;} .competition_first .txt {float: none; width: 100%; margin: 0px; padding-right: 0px; margin-top: 10px} .ipc_txt {padding-top: 40px;} .ipc_txt > div {width: 100%; padding: 0px;} .type_level .img {float: none; width: 100%; padding-right: 0px; padding-bottom: 20px; text-align: center} .type_level .txtW {float: none; width: 100%; } } /* 768 이하 */ @media screen and (max-width:767px) { #wrap {padding-top:70px;} .in_header {height: 70px;} #header h1 a {background-size:cover !important} #header h1 a img {height:50px;} .main_visual .v_frame .cell {height: 400px;} .main_visual .bxslider > li .bg_img {width: 1280px; height: 400px;} .visual_counter_wrap .visual_txt {font-size: 14px; text-align: center;} .visual_counter_wrap .txt2 {margin: 0 auto;} .visual_counter_wrap .txt1:after {margin: 30px auto;} .visual_counter_wrap .visual_counter {text-align: center; padding-bottom: 0px;} .visual_banner_wrap {margin-top: 0px;} .visual_banner_wrap .visual_banner { max-width: 100%;} .visual_banner_wrap .visual_banner > ul > li > a {font-size: 14px; padding:6% 5% 6% 9%; height:100%; box-sizing:border-box;} .visual_banner_wrap .visual_banner > ul > li > a > img {width: 100%; height: 180px;} .visual_banner_wrap .visual_banner > ul > li {width: 50%;} .visual_banner_wrap .visual_banner > ul > li:first-child {flex:none; width:50%} .section {font-size:14px; padding: 40px 0px;} .more > a {font-size: 14px; background-size: auto 6px; padding-right:28px;} .m_tit {font-size:32px;} .main_tab_ban .more {top: -35px;} .tab_top .tab > li > a {line-height:28px; border-width:2px !important; height:33px; padding: 0px 12px; font-size: 14px;} .main_tab_ban > ul > li .box {min-height: 156px;} .main_tab_ban > ul > li .box .txt_t {font-size: 15px; line-height: 20px; height: 40px; margin-bottom: 10px;} .main_tab_ban > ul > li .box .txt {font-size:13px; height:40px; line-height: 20px; margin-bottom: 10px;} .main_tab_ban > ul > li .box .date {font-size: 13px;} .main_gallery .box .txt_t {font-size: 15px; line-height: 20px; height: 40px; margin-bottom: 10px;} .main_gallery .box .date {font-size: 13px;} .main_gallery {padding-bottom: 30px;} .main_gallery > li {margin-top: 0px !important} #footerW {padding-top: 0px; padding-bottom:0px;} #footer .addressW {padding:10px; padding-top: 0px; text-align: center} #footer .addressW .copy {padding-top:10px;} #footer .go_top > a {padding: 7px;} #footer_navi {padding-bottom: 0px;} #footer_navi > ul {width: 100%; float: none; padding:15px 0px;} #footer_navi > ul li {padding: 0px 13px;} #footer_navi > ul li a {font-size: 13px;} #footer .addressW {font-size: 13px;padding:15px 10px; background: none;} #footerW .familySite p.on {width: 130px; line-height: 28px;} #footerW .copy > p {font-size: 12px;} #footer .go_top {display: none;} #footerW .familySite {top: -50px;} #lnb_wrap .lnb {position: relative;} #lnb_tit {font-size: 14px; line-height: 50px; height: 50px;} #lnb_tit2 {font-size: 14px; line-height: 50px; height: 50px;} #lnb_tit3 {font-size: 14px; line-height: 50px; height: 50px;} #lnb_wrap .ico_home a { line-height: 50px; height: 50px;} .lnb ul li a {font-size: 14px;} .sub_con {font-size:15px;} .sub_visual .sub_txt {} .sub_visual .sub_txt .txt_s {font-size:17px;} .sub_visual .sub_txt .txt_s > img{height:21px;} #sub_tit {font-size:34px;} .location {display: none;} .title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;} .title_bar h2 {font-size:34px;} .title_bar .s_txt {font-size:17px;} .b_txt {font-size:20px; padding: 30px 0px 15px 0px} .sub_title {font-size:14px;} .of_hi .fl50 {float:none; width:100%;} .of_hi .fr50 {float:none; width:100%; margin-top:15px;} .s_tit {font-size:22px; margin-top: 40px;} .ico_note {padding-left:20px; background-size:15px auto; background-position:left 4px;} .b_table.long > dl {padding-left:0px;} .b_table.long {padding-top:10px;} .b_table.long > dl > dt {position: relative; padding-bottom: 0px;} /*atab*/ .atab li a {height:50px;} .atab li.on {margin-top: 0px;} .atab li.on a:after {width:16px; height:16px; bottom: -18px;} .btn-tc > a {margin: 0px;} .find_cell {padding-right: 0px !important} .find_cell .cell {float: left; width: 50%; box-sizing: border-box;} .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;} .join_type > dl {width: 50%;} .join_type > dl.ico03 {border-left:1px solid #ccc; } .join_type.two > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;} .join_type.two > dl > dt strong {min-height: auto; padding-bottom: 10px;} .join_type.two > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;} .join_type.two > dl > dd br {display: none;} .join_type.two > dl > dd.bt {padding-bottom: 0px;} .join_type.two > dl > dd.bt a {display: block;} .agency_join {float:none; width:100%; min-height:auto;} .agency_join.two{width:100%;} .member_ok {font-size:22px;} .btab li a {padding:5px 0px; font-size:15px;} .ico_note:after {width: 17px; height: 17px; font-size: 14px; line-height: 16px;} .ico_note:before {width: 17px; height: 17px;} .login_type .login_wrap {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;} .join_step {margin-bottom: 10px;} .join_step > ol > li {font-size: 14px;} .m_th_b {width:135px !important;} .m_th {width:115px !important;} .m_th_s {width:95px !important;} .m_th_ss {width:75px !important;} .ico_note {padding-left:20px; background-size:15px auto; } .main_layer_pop {-webkit-overflow-scrolling: touch; position:fixed; overflow-y: auto; width: 100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0; z-index: 99999; background: url(../img/common/png_70.png) repeat left top; zoom: 1;} .main_pop_bottom {padding:10px; font-size:14px;} .main_pop_bottom .close {right:10px; top:10px;} .main_layer_pop .pop_wrap_in {float:none !important;} .introduce_wrap {padding: 0px;} .introduce_wrap .img {position: relative; right: auto; top: auto; max-width: 100%; text-align: center; padding-top: 40px;} .pc_view {display: none} .mb_view {display: block} .sub_section {padding: 50px 10px; margin: 50px -10px;} .taekwondo_history_bg:before {width: 659px; height: 278px; margin: 0px 0px 20px -530px; bottom: -70px;} .taekwondo_history_bg:after {width: 259px; height: 86px; margin: -90px 0px 0px 110px;} } /* 600 이하 */ @media screen and (max-width:599px) { .main_visual {min-height: auto;} #footer_navi > ul li {font-size: 13px;} #footer .addressW {text-align: center; font-size: 12px;} .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;} .pop_wrap .pop_body {padding:10px;} #w_lnb {display:none;} #m_lnb {display:block;} .login_wrap {padding:15px;} .signup {padding:10px 0px 5px 0px;} .signup li input {height: 50px; font-size: 14px;} .login_wrap .id_save {font-size:14px;} .find_idpw a {font-size: 14px;} .login_wrap .login_bt .btn {line-height:30px; font-size:18px;} .join_go > a {line-height:30px; font-size:18px;} .layers_wrap .layers {padding:10px; font-size:0.95em;} .error_wrap .error_msg {font-size:26px;} .table_line {width: 100%; overflow: auto;} .bt_include .add_bt {width: 70px;} .bt_include .add_bt > a > span {font-size: 12px;} .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;} #add_date {padding-right: 0px; padding-bottom:45px;} #add_date .bt {left: 0px; bottom: 0px; top:auto; padding-right: 40px;} #add_date .bt a {display: block; } #add_date .bt .tooltip {right: 0px; top: 0px; position: absolute;} #empty a {display: block;} .br_box {padding:15px;} .m_box {padding:20px;} .more {right:0px; top:10px;} .more a {font-size: 14px;} .big .ez-radio {width:20px;height:20px; background-size: 20px auto} .big .ez-hide {width:19px;height:19px;} .over_layerW {position: relative;} .over_layer {overflow:auto;} .over_layerW:after {display: block; content: ""; width:10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../img/common/bg_shadow.png) repeat-y left top} .over_layer > div {min-width: 600px;} #footer_navi > ul {text-align: center;} #footerW .familySite {display: none;} } /* 480px 이하 */ @media screen and (max-width:479px) { #wrap {transition: all 0.3s 0s ease-in-out; padding-top: 60px} #header h1 a img {height:44px;} .in_header {height:60px;} .menu_btn {height: 18px; width: 24px;} .menu_btn .line-middle {top:8px;} .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;} .visual_counter_wrap .txt1 {font-size: 2em;} .main_visual .bxslider > li .bg_img {width: 1088px; height: 340px;} .main_visual .v_frame .cell {height: 340px;} .visual_counter_wrap .cell {padding-top: 30px;} .main_visual_wrap .video {float: none; width: 100%;} .main_visual_wrap .txt {float: none; width: 100%; padding: 10px 0px;} .visual_inner {background-size:100% auto; min-height: 400px; padding-bottom:240px } .visual_banner_wrap .visual_banner > ul {display: flex; flex-wrap: wrap;} .visual_banner_wrap .visual_banner > ul > li {width:100%;} .visual_banner_wrap .visual_banner > ul > li:first-child {width:100%;} .visual_banner_wrap .visual_banner > ul > li > a {min-height: auto; height: 100%; font-size: 12px;} .visual_banner_wrap .visual_banner > ul > li > a > img {height: auto;} .visual_banner_wrap .visual_banner > ul > li > a .ico {max-width: 30px; vertical-align: middle;} .visual_banner_wrap .visual_banner > ul > li > a .txt_t {padding: 0px; padding-bottom: 5px;} .main_tab_ban > ul {margin: -5px;} .main_tab_ban > ul > li {padding: 5px;} .main_tab_ban .more {top: -40px;} .main_gallery .box .date {padding-top: 10px;} .main_gallery .box .txt_t {margin: 5px 0px 15px 0px;} .main_gallery {margin: -5px;} .main_gallery > li{padding: 5px;} .bt_play {width: 40px; height: 40px;} .section {padding:30px 0px;} .m_tit {font-size:26px} .m_tit img {height: 20px;} .m_tit_txt {font-size: 15px;} .radio_group.m_host {margin-left: -5px;} .m_host > li {padding-left: 5px;} .section {font-size: 14px;} #footer .go_top {display: none;} #footer .addressW address {margin: 0px;} #footer .addressW address strong {display: block;} #footer .addressW address span {padding: 2px 5px;} #footer_navi > ul li a {font-size: 12px;} #footer_navi > ul li {margin-left: 0px; padding: 0px 5px} .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;} .pop_wrap .pop_head .title br {display: none;} .pop_wrap .x_btn {right:15px; } .mb_dis {display: block;} #add_date .bt .tooltip {height: 36px; line-height: 34px;} #sub_tit {font-size:22px;} .sub_visual .sub_txt .date {font-size: 20px;} .sub_visual .sub_txt .place {font-size: 20px;} .sub_visual .sub_txt {height:90px; padding-left: 10px; padding-right: 10px;} #lnb_wrap .ico_home {display: none;} #lnb_wrap .lnb {padding-left: 0px;} #lnb_tit {padding-left: 15px; font-size: 13px;} #lnb_tit2 {padding-left: 15px; font-size: 13px;} #lnb_tit3 {padding-left: 15px; font-size: 13px;} .lnb ul li a {padding-left: 15px;} .lnb .four_depth li a {padding-left: 25px;} .lnb .four_depth li a:before {left: 15px;} .lnb ul li a {font-size: 13px;} .ico_box > li {width: 50%;} .ico_box > li .ico img {max-width:70px;} .map_wrap {height:300px;} .map_txt > li {padding:15px 10px 15px 55px; font-size: 13px;} .map_txt > li .ico {left:15px;} .map_txt > li .ico img {width:30px} .ico_note {padding-left:15px; background-size:13px auto; } .join_step > ol > li .ico {width:60px;} .join_step > ol > li:before {top:19px; background-size:20px auto;} .join_step > ol > li .txt {font-size:14px;} .btn-tc > a {margin:5px 0px;} .subject {padding-left:10px;} .bbs_search {margin-bottom:10px;} .bbs_search_in {padding:0px;} .bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;} .bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;} .block_m {display: block;} .block_m.fl {float: none;} .list_btn .block_m {margin: 2px 0px;} .board-view td.view_td {padding:20px 10px;} .list_btnW a {display: block;} .s_tit {font-size:20px; margin-bottom: 10px; background-position:left 5px; background-size:20px auto; margin-top: 35px; } .s_tit img {height: 20px; margin-top: 2px;} .s_tit:before {width:5px; height: 20px;} .sub_con > .s_tit:first-child {margin-top: 0px} .ss_tit {font-size: 18px; margin-top:25px; margin-bottom:10px;} .ss_tit:before {width:4px; height:15px; top:3px;} .sss_tit {font-size:17px; margin-top:25px; padding-left: 16px;} .sss_tit:before {width: 8px; height: 8px; top: 9px;} .s_txt_r {margin-top: -25px; padding-bottom:5px;} .s_txt_r2 {margin-top: -45px;} .b_txt {font-size: 17px;} .txt_in {padding-left:10px;} #inner_wrap {padding-bottom: 30px;} #inner_wrap.no_visual {padding-top: 30px;} .sub_visual .sub_txt .cell .sub_tit_s {font-size: 20px; padding-bottom: 20px;} .sub_con {font-size:13px; } .layerPop {font-size:0.95em; } .title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; } .title_bar h2 {font-size:1.7em; } .title_bar .s_txt {font-size:14px;} .title_bar .s_txt br {display: none;} .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;} .view_tit {padding: 10px;} .m_th_b {width:105px !important;} .m_th {width:85px !important;} .m_th_s {width:65px !important;} .m_th_ss {width:45px !important;} .w_name {width: 70px;} .w_date {width:80px;} .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;} .scrollbox {height:120px; } .atab {margin-bottom: 20px;} .radio_group > li {font-size:13px;} .b_table {padding-top:10px;} .b_table > dl > dt {font-size:16px; padding-top: 13px;} .b_table > dl > dd {min-height:20px; font-size: 13px;} .b_table > dl > dt {position: relative; padding-bottom: 0px;} .input_etc .pa {font-size:13px; line-height:36px;} input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;} .textarea {padding:5px 5px; font-size: 13px;} .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;} .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;} .radio_group {margin-top:-5px;} .join_type > dl {float: none; width: 100% !important; padding:20px 10px 20px 10px !important; border: 1px solid #ccc;} .join_type > dl > dt strong {min-height: auto; padding-bottom: 10px;} .join_type > dl > dd {font-size: 14px; min-height: auto; padding-bottom: 10px;} .join_type > dl > dd br {display: none;} .join_type > dl > dd.bt {padding-bottom: 0px;} .join_type > dl > dd.bt a {display: block;} .find_box {padding: 0px 0px 10px 0px;} .find_cell .bt {overflow: hidden;} .find_cell .bt > a {width: 50%; float: left;} .find_cell .bt > a > span {display: block; padding: 0px; margin: 0px 2px; } .print_bt {display: none !important} .gray_box {padding:5px;} .member_ok {font-size:18px; background-size:120px auto; padding-bottom: 140px; } .member_ok br {display: none;} .down_file > span {background-size:11px auto; padding-left: 16px; } .br_box {padding:10px;} .tit_ico {height:19px; line-height:18px;} .btn-tc {padding:20px 0px; margin-top:20px;} .btab li a {font-size:14px; min-width:90px;} .event_wrap > li {width:50%; min-height:350px;} .point_box {padding: 10px;} .bul_list {padding-left: 57px !important} .bul_list .txt_t {line-height:20px; font-size: 13px; padding: 0px 5px; min-width: 50px;} .b_check_box {padding: 10px;} #inner_wrap .b_check_box .board-write th {font-size: 1.05em !important;} .record_wrap > ul > li > dl {font-size: 15px;} .result {float: none; width: 100%;} .line_bg {background-size:auto 10px; padding-bottom: 20px;} .qr_wrap {padding-bottom: 120px;} .gray_wrap {padding-top: 30px; padding-bottom: 30px;} .ico_txt {background-size:auto 12px; background-position:0px 4px; padding-left: 17px; } .ico_note {padding-left:18px; background-size:13px auto; } .ico_note:before {width:14px; height: 14px; top: 3px;} .ico_note:after {width: 14px; height: 14px; font-size:12px; line-height: 14px; top:3px;} .list_more > a > span {font-size: 16px; padding: 15px 20px 15px 0px;} .atab.rnd_tab li a {font-size: 13px;} .atab li a {font-size:1em;} .rnd_view_wrap .info .txt_t {font-size: 1.8em;} .product_top_img .cell {height: 240px;} .first_txt {font-size: 1.6em !important} .sub_section {padding: 40px 10px; margin: 40px -10px;} .taekwondo_history_bg .txt {padding-left: 0px; min-height: auto; padding-bottom:110px;} .taekwondo_history_bg:after {width: 179px; height: 60px; margin: -78px 0px 0px 9px;} .taekwondo_history_bg:before {width: 349px; height: 147px; margin: 0px 0px 20px -190px; bottom: -60px;} .taekwondo_rule .down > li h3 {padding:10px;} .taekwondo_rule .down > li .bt > span {line-height: 40px;} .competition .ico_group {margin-top: 20px;} .competition .ico_group > ul > li {padding: 5px;} .competition .ico_group > ul {padding: 40px 10px 20px 10px;} .notice_tit_wrap .btn-tr {margin-bottom: 20px;} .notice_tit_wrap .btn-tr .btnStrong {min-width:170px;} .notice_tit_wrap .btn-tr .btnStrong span {height: 48px !important; line-height: 47px !important; font-size: 15px;} .notice_tit_wrap .btn-tr .btnStrong .bg_link {padding-left:30px;} } /* 320px 이하 */ @media screen and (max-width:320px) { .main_company h3 {font-size:24px; } .atab li a {font-size:12px;} .title_bar .s_txt {padding-left: 10px;} .bt_application a {padding: 0px 18px;} .bt_application a span {text-align: center;} .btns > li {width:100%; float: none; padding:2px 0px;} .btn-tc {padding:20px 0px;} } .red { color: red !important; }