HOME
LOGIN
SIGN UP
학회소개
설립취지
연혁
회칙
임원조직운영표
임원조직운영표
역대 회장단 및 운영진
학회지 투고
편집위원회
논문투고규정
논문심사규정
연구윤리규정
온라인논문투고신청
논문검색
온라인논문심사
학회소식
공지사항
학회동정
자유게시판
그림자료실
문서자료실
학술대회
학술대회
참가신청
회원서비스
자유게시판
이용약관
개인정보처리방침
HOME
LOGIN
SIGN UP
학회소개
설립취지
연혁
회칙
임원조직운영표
임원조직운영표
역대 회장단 및 운영진
학회지 투고
편집위원회
논문투고규정
논문심사규정
연구윤리규정
온라인논문투고신청
논문검색
온라인논문심사
학회소식
공지사항
학회동정
자유게시판
그림자료실
문서자료실
학술대회
학술대회
참가신청
회원서비스
자유게시판
이용약관
개인정보처리방침
학회지 투고
논문검색
학회지 투고
편집위원회
논문투고규정
논문심사규정
연구윤리규정
온라인논문투고신청
논문검색
온라인논문심사
논문검색
</> </div> </div> </div> </div> <div id="footer"> <style> body, .mobile_wrap { font-family: 'Nanum Barun Gothic', sans-serif; overflow-x: hidden; background-color: #fff; letter-spacing: 0.5px; } .wrap { margin: 0 auto; } #mobile_mainmenu { display: none; visibility: hidden; } #mobile_hmenu { display: none; } /* header */ #header { position: relative; z-index: 999; } #header>.container { padding: 0; } #logo { padding: 13px 0 0; } #header_menu { padding: 10px 0; } #header_menu li { display: inline-block; padding: 0 4px; } #header_menu li a { display: inline-block; font-size: 13px; color: #595959; } .gnbbox { border-bottom: none; } /* Main_menu: Start */ #main_menu {} #row_1511741017 { position: relative; } /* 2depth background */ #row_1511741017.gnb_bg_open:before { content: ''; position: absolute; top: 65px; width: 100%; height: 272px; background-color: #00306e; animation: depthOpen 0.3s ease 0s 1 normal forwards; } #main_menu .gnb { position: relative; font-size: 0; } #main_menu .btn_main_menu, #main_menu .gnb span { display: none; } #main_menu .gnb .depth1 { position: relative; display: inline-block; width: 120px; height: 50px; line-height: 50px; } #main_menu .gnb .depth1:hover {} #main_menu .gnb .depth1.active.point_hover_bg { background-color: transparent; } #main_menu .depth1>a { display: block; padding: 0; font-size: 18px; color: #333333; text-align: center; } #main_menu .gnb .depth1:hover>a { background: #00306e !important; color: #fff !important; } #main_menu .gnb .depth2 { width: 120px; display: none; position: absolute; width: 100%; left: 50%; transform: translate(-50%); text-align: center; background-color: #00306e !important; z-index: 1; /* overflow: hidden; */ animation: depthOpen 0.3s ease 0s 1 normal forwards; } #main_menu .gnb:hover .depth2 { display: block; z-index: 1; } #main_menu .depth2 li { position: relative; } .depth2 li>a { display: block; color: #999; font-size: 13px; } #main_menu .depth2>li:hover { background: #f0eef1 !important; } #main_menu .depth2>li>a { height: 45px; font-size: 15px; color: #fff !important; line-height: 45px; text-align: center; } #main_menu .depth2>li:hover>a { color: #1b2086 !important; font-weight: 500; } #main_menu .depth3 { display: none; position: absolute; top: 0; left: 100%; width: 100%; } #main_menu .depth2 li:hover>.depth3 { /*display: block;*/ } #main_menu .gnb .depth1:last-child .depth3 { left: -100%; } .depth3 li>a { color: #999; } @keyframes depthOpen { from { height: 0; } to { height: 315px; } } @media screen and (max-width: 1200px) and (min-width: 992px) { #main_menu .gnb .depth1 { width: 110px; } #main_menu .depth1>a { padding: 0 18px; } } #main_menu .gnb .depth1:nth-child(2) { width: 130px; } /* Main_menu: End */ /* content */ #content>.container { padding: 0; } /* rolling-banner start */ .inner { width: 100%; height: 60px; max-width: 880px; margin-top: 16px; margin-bottom: 0px; position: relative; overflow: hidden; border: 1px solid #ddd; } .rolling-banner { white-space: nowrap; overflow: hidden; font-size: 0; } .rolling-banner ul { display: inline-block; margin: 5px 0 0; padding: 0; font-size: 0; white-space: nowrap; } .rolling-banner--animated ul { -webkit-animation: marquee 20s linear infinite; animation: marquee 20s linear infinite; } .rolling-banner--animated ul:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .rolling-banner li { list-style: none; display: inline-block; height: 100%; margin: 0 10px; overflow: hidden; } .rolling-banner img { width: 100%; } @-webkit-keyframes marquee { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes marquee { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } /* rolling-banner end */ /* Footer: Start */ .clear { clear: both; } #footer_menu li { display: inline-block; margin-right: 5px; } #footer_menu li:last-child { margin-right: 0; } #footer_menu li a { color: #fff; line-height: 18px; } #address span { display: inline-block; margin-right: 7px; } #address strong:after { content: ":"; margin: 0 4px; position: relative; top: -1px; } #copyright { margin-top: 20px; } /* Footer: End */ /* Scroll_To_Top : Start */ .scrollup { display: none; position: fixed; width: 40px; height: 40px; padding: 10px; bottom: 15px; right: 15px; text-align: center; text-indent: -9999em; font-size: 14px; color: #fff !important; background-image: url(/template/s171127001001/images/scrollTop.png); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 3px; border-radius: 3px; z-index: 101; background-color: #343399 !important; } /* Scroll_To_Top : End */ @media screen and (max-width:1199px) and (min-width:991px) {} @media screen and (max-width: 991px) and (min-width: 768px) { #mobile_header { position: static !important; } #mobile_header .link_mologo img { padding: 15px 0 0; } .tit_m_hmenu, .mobile_wrap .mobile_hmenu .bth_m_hmenu, .mobile_wrap.default_color #mobile_mainmenu h3.point_bg { background-color: #343399 !important; } } @media screen and (max-width: 767px) { #mobile_header { position: static !important; } #mobile_header .link_mologo img { padding: 15px 0 0; } .tit_m_hmenu, .mobile_wrap .mobile_hmenu .bth_m_hmenu, .mobile_wrap.default_color #mobile_mainmenu h3.point_bg { background-color: #343399 !important; } } /* slides */ /* content */ /* footer */ #footer>.container { padding: 0 } #footer_menu { padding: 15px 0 } #footer_menu li a { font-size: 13px; color: #595959; line-height: normal } #footer_menu .link_privacy a { color: #595959 } #address { margin: 10px 0 0 } #address span { font-size: 12px; color: #595959; } #copyright { margin: 10px 0 35px; font-size: 12px; color: #595959; } #copyright a { color: #595959; } /*layout*/ #col_1567390409 { float: right; } .DUBU_Members_s150319001001 .login_page .box_my_loginon img { display: none !important; } #app_1567392533.DUBU_Members_s150319001001 .login_page .login_on { padding: 13px 20px 14px; } @media screen and (max-width: 1200px) and (min-width: 992px) { #app_1567392533.DUBU_Members_s150319001001 .login_page .login_on { padding: 13px 10px 14px; } #app_1567392533.DUBU_Members_s150319001001 .login_page .box_active_info { font-size: 13px; } #app_1567392533.DUBU_Members_s150319001001 .login_page .box_active_info { font-size: 13px; } #app_1567392533.DUBU_Members_s150319001001 .login_page .box_btn_loginon .btn_comm { font-size: 13px; } } /*ban1*/ .ban1 ul { overflow: hidden; } .ban1 ul li { float: left; width: 49%; margin-left: 2%; border: 1px solid #ddd; height: 127px; margin-bottom: 2%; text-align: center; background-position: center !important; } .ban1 ul li a { font-size: 16px; font-family: 'Nanum Square'; color: #333; line-height: 12; height: 127px; display: block; } .ban1 ul li:hover { border: none; } .ban1 ul li:hover a { color: #fff; } .ban1 ul li:nth-child(1) { background: #fff url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_1.jpg) no-repeat; margin-left: 0; } .ban1 ul li:nth-child(2) { background: #fff url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_2.jpg) no-repeat; } .ban1 ul li:nth-child(3) { background: #fff url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_03.jpg) no-repeat; margin-bottom: 0; margin-left: 0; } .ban1 ul li:nth-child(4) { background: #fff url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_4.jpg) no-repeat; margin-bottom: 0; } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_1_hover.jpg) url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_2_hover.jpg) url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_03_hover.jpg) url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_4_hover.jpg); } .ban1 ul li:nth-child(1):hover { background: #00306e url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_1_hover.jpg) no-repeat; } .ban1 ul li:nth-child(2):hover { background: #00306e url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_2_hover.jpg) no-repeat; } .ban1 ul li:nth-child(3):hover { background: #00306e url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_03_hover.jpg) no-repeat; } .ban1 ul li:nth-child(4):hover { background: #00306e url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban1_4_hover.jpg) no-repeat; } @media screen and (max-width: 991px) and (min-width: 768px) { .ban1 ul li { width: 24%; margin-left: 1.333%; margin-bottom: 0; } .ban1 ul li:nth-child(3) { margin-left: 1.333%; } } /*board*/ div.tab_box .tab_info .tab_list { border: 1px solid #ddd; border-top: none; } div.tab_box .tab_info .tab_list.active { border-left: none; } div.DUBU_Board_s171127001001 .board_main .tab_list { padding: 4px 15px 0; } div.board_main .tab_list.active a.link_tab_list { color: #999; font-size: 14px; } div.DUBU_Board_s171127001001 .board_main .tab_list a { padding-bottom: 3px; } .DUBU_Board_s171127001001 .board_main .btn_tab_prev, .DUBU_Board_s171127001001 .board_main .btn_tab_next { display: none !important; } div.DUBU_Board_s171127001001 .board_main .tab_list:last-child { padding-right: 15px; } div.board_main_content.tab_info_content { padding: 0 10px; } /*login*/ div.DUBU_Members_s150319001001 .login_page .links_area { display: none; } div.DUBU_Members_s150319001001 .design_checkbox { display: none; } div.DUBU_Members_s150319001001 .box_info_cont { padding: 20px; overflow: hidden; } div.DUBU_Members_s150319001001 .box_info_cont .input_info { float: left; width: 66%; margin-right: 4%; } div.DUBU_Members_s150319001001 .box_info_cont .cont_check { float: left; width: 30%; margin-top: 0px; } div.DUBU_Members_s150319001001 .login_id { margin-bottom: 10px; } div.DUBU_Members_s150319001001 .login_page .btn_login { height: auto; margin-top: 0; background-color: #ff0000 !important; height: 90px; font-size: 17px; line-height: 90px; font-weight: 500; transition: all 0.3s ease; } div.DUBU_Members_s150319001001 .login_page .btn_login:hover { background: #343399 !important; } /*link*/ /*#app_1567583238{height:56px; overflow:hidden;} div.DUBU_Slidegallery_skin_02 .dubu_slide .slide_view{margin-bottom:0px;} div.DUBU_Slidegallery_skin_02 .type1 .slide_view .slide.active:after{background-color: transparent;}*/ /*ban2*/ .ban2 { height: 120px; padding: 25px 0px 20px 140px; background-size: cover; margin-top: 20px; transition: all 0.3s ease; } .ban2 h2 { color: #fff; font-size: 18px; font-family: 'Nanum Square'; font-weight: 400; line-height: 1.2; } .ban2 h2 b { font-weight: 500; } .ban2 span { color: #fff; font-size: 11px; font-family: 'Nanum Square'; margin-top: 15px; display: block; } .ban2.ban2_1 { background-image: url(/template/s171127001001/images/ban2_1_bg.jpg); } .ban2.ban2_2 { background-image: url(/template/s171127001001/images/ban2_2_bg-2.jpg); background-position: 40% center; } .ban2.ban2_1:hover { background: url(/template/s171127001001/images/ban2_1_bg_hover.jpg); background-size: cover; } .ban2.ban2_2:hover { background: url(/template/s171127001001/images/ban2_2_bg_hover.jpg); background-position: 40% center; background-size: cover; } @media (max-width: 1199px) and (min-width: 992px) { .ban2 { padding: 25px 0px 20px 90px; } .ban2.ban2_1 { background-position: 55% center; } .ban2.ban2_1:hover { background-position: 55% center; } .ban2.ban2_2 { background-position: 70% center; } .ban2.ban2_2:hover { background-position: 70% center; } } @media screen and (min-width:769px) and (max-width:991px) { .ban2 { float: left; width: 49%; margin-left: 2%; padding: 25px 20px 20px 190px; } .ban2.ban2_1 { margin-left: 0; background-position: right center; } .ban2.ban2_1:hover { background-position: right center; } .ban2.ban2_2 { background-position: right center; } .ban2.ban2_2:hover { background-position: right center; } } @media screen and (max-width:768px) { .ban2 { padding: 25px 20px 20px 180px; } } /*footer_add*/ .footer_add p { color: #666; font-size: 13px; line-height: 1.6; } @media screen and (max-width:768px) { .footer_add p { font-size: 12px; } } /* ëª¨ë°”ì¼ Quick 메뉴위치 */ .DUBU_Quick.skin01 .title_quick:after { margin: 0; background: none !important; } @media screen and (max-width: 768px) { body .DUBU_Quick.skin01 { left: 10px !important; bottom: 52px !important; } } .DUBU_Board_s171127001001 .board_main .col_date { width: 25% !important; } /*ban4*/ .ban4 ul { overflow: hidden; } .ban4 li { float: left; width: 16.666666%; } .ban4 li a { background-position: center top; background-repeat: no-repeat; transition: all 0.3s ease; position: relative; display: inline-block; width: 100%; height: 120px; padding-top: 70px; color: #666; } .ban4 li a::after { content: '>'; padding-left: 10px; position: absolute; right: 0; top: 20px; font-size: 20px; } .ban4 li:nth-child(6) a:after { font-size: 0; } .ban4 li:nth-child(1) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_01.jpg); } .ban4 li:nth-child(2) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_02.jpg); } .ban4 li:nth-child(3) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_03.jpg); } .ban4 li:nth-child(4) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_04.jpg); } .ban4 li:nth-child(5) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_05.jpg); } .ban4 li:nth-child(6) a { background-image: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/banner_icon_06.jpg); } .ban4 li { font-size: 14px; color: #6e6e6e; text-align: center; display: block; height: 120px; line-height: 1.2; padding-top: 5px; } @media screen and (min-width:769px) and (max-width:991px) { .ban4 li { background-size: 50%; } .ban4 li { height: 128px; } } @media screen and (max-width:768px) { .ban4 li { background-size: 60px; height: 150px; } .ban4 li:nth-child(3):after { font-size: 0; } .ban4 li:nth-child(1) { width: 33.333%; margin-bottom: 20px; } .ban4 li:nth-child(2) { width: 33.333%; margin-bottom: 20px; } .ban4 li:nth-child(3) { width: 33.333%; margin-bottom: 20px; } .ban4 li:nth-child(4) { width: 33.333%; } .ban4 li:nth-child(5) { width: 33.333%; } .ban4 li:nth-child(6) { width: 33.333%; } .ban4 li { height: 110px; font-size: 14px; } } #footer { margin: 20px 0px 0px; background-color: rgb(229, 229, 229); margin-bottom: 100px; border-top: none !important; } @media screen and (max-width:1197px) { #footer { margin-bottom: 0; } } #row_1511757443 { padding-top: 10px; padding-bottom: 18px; background-color: rgb(229, 229, 229); } #element_1605103407 { margin: 0px 0px 20px; padding: 10px 0px 0px; border-color: rgb(0, 48, 110); border-style: solid; border-width: 2px; } #header_menu li a { color: rgb(255, 255, 255); } #logo img { width: auto; height: auto; } #col_1567390409 { padding: 0px 0px 0px 20px; } #col_1567392542 { padding: 0px; } #row_1511741017 { padding-top: 0px; padding-bottom: 0px; } #col_1511748932 { padding: 0px; } #col_1567473205 { padding: 0px; } #col_1511741004 { padding-bottom: 12px; } #app_1567390331 { border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px; } #app_1567390323 { border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px; } #row_1567390358 { margin-top: 20px; margin-bottom: 0px; } #col_1567393414 { padding: 0px; } #col_1567391067 { padding: 0px 0px 0px 20px; } #col_1567393358 { padding: 0px 0px 0px 10px; } #col_1567393351 { padding: 0px 10px 0px 0px; } #col_1567391059 { padding: 0px; } #col_1517962415 { padding: 0px; } #main_menu { text-align: right; margin: 15px 0px 0px; } #section_1511513039 { padding: 15px 0px 0px; } #logo { padding-top: 14px; } #main_menu .gnb .depth1>a:hover { color: rgb(255, 255, 255); } #main_menu .gnb .depth1>a { color: rgb(51, 51, 51); font-size: 16px; } #header_menu { text-align: right; padding: 10px 0px; } #header { background-color: rgb(255, 255, 255); } #section_1511744233 { background-color: rgb(0, 48, 110); border-color: rgb(221, 221, 221); border-width: 0px 0px 1px; border-style: solid; } div.DUBU_Members_s150319001001 .login_page .btn_login { background-color: rgb(0, 48, 110) !important; } div.board_main_content.tab_info_content { padding: 0px 10px 8px; } .board_main .tab_list.active a::after { background-color: rgb(0, 48, 110) !important; } .tab_box .tab_info .tab_list.active { border-color: rgb(0, 48, 110) !important; } div.tab_box .tab_info .tab_list.active { border-left: none; border-right: none; } .scrollup { background-color: rgb(0, 48, 110) !important; } .tit_m_hmenu, .mobile_wrap .mobile_hmenu .bth_m_hmenu, .mobile_wrap.default_color #mobile_mainmenu h3.point_bg { background-color: rgb(0, 48, 110) !important; } /* Tablet */ @media screen and (min-width:768px) and (max-width:991px) { html, body { overflow-x: hidden; } .mobile_wrap { position: relative; background-color: transparent; } .mo_mclose { position: absolute; background: #40494e; z-index: 10; -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -o-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all all 0.5s ease; } .mobile_wrap.mo_open {} /*í—¤ë” ìˆ˜ì •(fixed)*/ .wrap>* { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-all 0.5s ease; -moz-transition: -moz-all 0.5s ease; -o-transform: -o-all 0.5s ease; -ms-transform: -ms-all 0.5s ease; transition: all 0.5s ease; } .mobile_wrap.mo_open .wrap>* { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -o-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all 0.5s ease; } .mobile_wrap.mo_open .mo_mclose { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all 0.5s ease; } /* Mobile_header:Start */ #mobile_header { position: absolute; overflow: hidden; text-align: center; height: 80px; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 3000; } .link_mobasket, .link_momenu, .link_mologin, .link_mohmenu { display: inline-block; position: relative; z-index: 20; width: 37px; height: 43px; text-indent: -5000px; background-position: 50% 50%; border: none !important; background-color: transparent; } .link_mobasket { float: right; margin: 20px 15px 0 15px; visibility: hidden; } .link_mologo { position: absolute; text-align: center; z-index: 3000; font-size: 30px; line-height: 80px; width: 100%; } .link_mologo a { display: block; line-height: 80px; font-weight: 400; } .link_mologo img { padding-top: 40px; max-width: 280px; } .link_momenu { float: left; margin: 18px 15px 0 15px; background-image: url(/template/s171127001001/images/moblieMenuLeftBlack.png); background-repeat: no-repeat; z-index: 3001; background-color: transparent !important; } .link_mologin { float: right; background-image: url(/template/g170911001001/images/mo_login.png); background-size: 37px 37px; background-repeat: no-repeat; } .link_mohmenu { float: right; margin: 18px 15px 0 15px; background-image: url(/template/s171127001001/images/moblieMenuRightBlack.png); background-repeat: no-repeat; z-index: 3001; } .link_momenu:active, .link_mologin:active { position: relative; top: 1px; } /* Mobile_header:End */ /* Mobile_HMenu : Start */ #mobile_hmenu { display: block; position: fixed; z-index: 5000; width: 160px; bottom: 0; top: 0; right: 0; background-color: #ebebeb; background-color: rgba(255, 255, 255, 1.0); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transform: -o-transform 0.3s ease-in-out; -ms-transform: -ms-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .view_edit #mobile_hmenu { position: absolute; } .mobile_wrap.mo_hmenu_open #mobile_hmenu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); box-shadow: 0px 2px 7px; } .mobile_wrap_overlay { display: none; position: absolute; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background-color: #686868; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ cursor: pointer; } .mobile_wrap.mo_hmenu_open .mobile_wrap_overlay { display: block; opacity: 1; filter: alpha(opacity=80); /* For IE8 and earlier */ } .tit_m_hmenu { overflow: hidden; width: 100%; height: 50px; /*background-color: #6643e6;*/ } .txt_m_hmenu { color: #fff; font-size: 15px !important; font-weight: 300 !important; line-height: 50px !important; text-align: center; } .bth_m_hmenu { display: inline-block; position: absolute; width: 40px; height: 50px; text-indent: -5000px; background: url(/template/s171127001001/images/moblieMenuclose.png) no-repeat 50% 20px; } .box_mobile_hmenu>li>a { display: block; padding: 15px 20px; color: #666666; font-family: 'noto sans Kr'; font-size: 13px; line-height: 20px; border-bottom: 1px solid #d5d9df; } .box_mobile_hmenu>li:hover>a { /*color: #6643e7;*/ } /* 2016.02.04 모바ì¼ë©”뉴 검색 추가 S */ .hmenu_m_seach { padding: 7px; } .hmenu_m_seach .box_m_search { width: 100%; height: 25px; border: 1px solid #cccccc; text-align: left; background-color: #fff; position: relative; display: inline-block; vertical-align: bottom; border-radius: 20px; padding-right: 55px; overflow: hidden; } .hmenu_m_seach .tf_search_keyword { text-align: left; height: 25px; border: none; padding-left: 12px; width: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .hmenu_m_seach .btn_search { width: 23px; border-left: 1px solid #cccccc; height: 25px; position: absolute; top: -2px; right: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; text-indent: -5000px; overflow: hidden; line-height: 7; background: #f6f6f6 url(/template/g170911001001/images/search_btn_1.png) center center no-repeat; } /* 2016.02.04 추가 E */ /* Mobile_HMenu : End */ /* Mobile_MainMenu : Start */ /*#mobile_mainmenu { visibility: visible; display:block; top: 0; left: 0; width: 260px; height: 100%; z-index:201; }*/ #mobile_mainmenu { visibility: visible; display: block; top: 0; left: 0; width: 260px; height: 100%; z-index: 1000; -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -o-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transform: -o-transform 0.5s ease; -ms-transform: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .mobile_wrap.mo_open #mobile_mainmenu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mobile_mainmenu .depth1 { border-bottom: 1px solid #484848; } #mobile_mainmenu .depth1:hover { background-color: #292929; } #mobile_mainmenu .depth1:hover>a { /*color: #6643e7;*/ } #mobile_mainmenu .depth1 .depth_arrow:after { position: absolute; top: 20px; right: 30px; display: block; content: ''; width: 10px; height: 10px; background-image: url(/template/s171127001001/images/design_kitIcon.png); background-position: -64px -68px; background-repeat: no-repeat; } #mobile_mainmenu .depth2.depth_open ul li { border-bottom: 1px solid #484848; } #mobile_mainmenu .gnb, #mobile_mainmenu .depth2, #mobile_mainmenu .depth3 { overflow-y: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; -webkit-overflow-scrolling: touch; z-index: 1; } #mobile_mainmenu .depth2, #mobile_mainmenu .depth3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #mobile_mainmenu ul>li>a { display: block; padding: 13px 25px 13px; outline: none; font-size: 15px; /*color: #999999;*/ -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; text-decoration: none; text-align: left; line-height: 24px; ; } #mobile_mainmenu ul>li.depth1>a:hover {} #mobile_mainmenu ul>li:first-child>a { /*box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);*/ } #mobile_mainmenu .depth_arrow { position: relative; } #mobile_mainmenu .depth_arrow:before {} #mobile_mainmenu h3 { background-color: #6643e7; text-align: left; letter-spacing: 1px; } #mobile_mainmenu .depth3 h3 { background-color: #6643e7; } #mobile_mainmenu h3>a { display: block; outline: none; font-size: 15px; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; text-decoration: none; text-align: left; letter-spacing: 1px; color: #fff; font-weight: 400; text-align: center; padding: 23px 15px; line-height: 24px; } #mobile_mainmenu .depth2>ul>li>a:hover, #mobile_mainmenu .depth3>ul>li>a:hover { background-color: #292929; } #mobile_mainmenu .overlay>ul>li>a, #mobile_mainmenu .overlay>ul>li:first-child>a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } #mobile_mainmenu .gnb:before, #mobile_mainmenu .depth2:before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } #mobile_mainmenu .gnb.overlay:before, #mobile_mainmenu .depth2.overlay:before { width: 100%; height: 100%; opacity: 1; } #mobile_mainmenu .depth_open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 10; } #mobile_mainmenu .depth_back { color: #fff; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; display: block; font-size: 10px; padding: 1em; cursor: pointer; position: relative; background-color: #000; text-align: center; } .depth1>a, .depth2 ul li>a, .depth3 ul li>a { color: #999; } #mobile_mainmenu .gnb.overlay .depth1>a, #mobile_mainmenu .depth2.overlay>ul>li>a { display: none; } /* Mobile_MainMenu : End */ /* slider: start */ #section_1511746092 { margin-top: 0; } #col_1517962415 .DUBU_Slideshow div.content_none { height: 500px; max-height: 500px; padding: 205px 0; } div#slideshow_1511515091327 { height: 500px; transition: .5s; } #row_1511767078 { height: 100%; transition: .5s; } #row_1511767078>div { padding: 180px 0 0; text-align: center; } #element_1511766834 h1 { font-size: 40px; line-height: 46px; } #element_1511766836, #element_1511766840 { margin-top: 15px; } .slideshow .carousel-nav, div.slideshow.skin_type3 .carousel-dots { display: none !important; } div#slide_items_1518395312791, div#slide_items_1518400235004, div#slide_items_1518400238179 { top: 160px; } div#slide_items_1518395325950, div#slide_items_1518400235005, div#slide_items_1518400238180 { top: 270px } div#slide_items_1518395312791 p, div#slide_items_1518395325950 p, div#slide_items_1518395591997 { width: 100%; } div#slide_items_1518400235004 p, div#slide_items_1518400235005 p, div#slide_items_1518400235006 { width: 100%; } div#slide_items_1518400238179 p, div#slide_items_1518400238180 p, div#slide_items_1518400238181 { width: 100%; } div#slide_items_1518395312791 p, div#slide_items_1518400235004 p, div#slide_items_1518400238179 p { font-size: 40px; line-height: 46px; text-align: center; } div#slide_items_1518395325950 p, div#slide_items_1518400235005 p, div#slide_items_1518400238180 p { text-align: center; } div#slide_items_1518395591997, div#slide_items_1518400235006, div#slide_items_1518400238181 { top: 325px; text-align: center; } /* slider: end */ /* content */ /* OUR COMPANY :start */ #row_1511750504 { padding: 50px 0; } #element_1511743460 { margin-top: 20px; } /* OUR COMPANY :end */ /* news: start */ #section_1511743732 { padding: 50px 0; } /* news: end */ /* contact us: start */ #row_1511752563 { padding: 90px 0; } /* conteact us: end */ /* impormation: start */ #row_1511752808 { padding: 50px 0; } #row_1511752808>div:last-child { margin-top: 40px; } /* impormation: end */ /*************/ /* footer: start */ #row_1511757443 { padding-top: 50px; padding-bottom: 45px; } /* footer: end */ /*#row_1511746097 { height: 500px; }*/ #col_1567392542 { padding: 0px; margin-top: 20px; margin-bottom: 0px; } #col_1567586069 { padding: 0px; } #col_1567390409 { padding: 0px; } #mobile_header { background-color: rgb(255, 255, 255); } #col_1567391067 { padding: 0px; margin-top: 20px; margin-bottom: 0px; } } /* Mobile */ @media screen and (max-width:767px) { html, body { overflow-x: hidden; } .mobile_wrap { position: relative; } .mo_mclose { position: absolute; background: #40494e; z-index: 10; -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -o-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all all 0.5s ease; } .mobile_wrap.mo_open {} /*í—¤ë” ìˆ˜ì •(fixed)*/ .wrap>* { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-all 0.5s ease; -moz-transition: -moz-all 0.5s ease; -o-transform: -o-all 0.5s ease; -ms-transform: -ms-all 0.5s ease; transition: all 0.5s ease; } .mobile_wrap.mo_open .wrap>* { -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -o-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all 0.5s ease; } .mobile_wrap.mo_open .mo_mclose { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transform: all 0.5s ease; -ms-transform: all 0.5s ease; transition: all 0.5s ease; } /* Mobile_header:Start */ #mobile_header { position: absolute; overflow: hidden; text-align: center; height: 80px; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 3000; } .link_mobasket, .link_momenu, .link_mologin, .link_mohmenu { display: inline-block; position: relative; z-index: 20; width: 37px; height: 43px; text-indent: -5000px; background-position: 50% 50%; border: none !important; background-color: transparent; } .link_mobasket { float: right; margin: 20px 15px 0 15px; visibility: hidden; } .link_mologo { position: absolute; text-align: center; z-index: 3000; font-size: 30px; line-height: 80px; width: 100%; } #mobile_header .link_mologo a { display: block; line-height: 80px; font-weight: 400; font-size: 20px; } .link_mologo img { padding-top: 40px; max-width: 280px; } .link_momenu { float: left; margin: 18px 15px 0 15px; background-image: url(/template/s171127001001/images/moblieMenuLeftBlack.png); background-repeat: no-repeat; z-index: 3001; background-color: transparent !important; } .link_mologin { float: right; background-image: url(/template/g170911001001/images/mo_login.png); background-size: 37px 37px; background-repeat: no-repeat; } .link_mohmenu { float: right; margin: 18px 15px 0 15px; background-image: url(/template/s171127001001/images/moblieMenuRightBlack.png); background-repeat: no-repeat; z-index: 3001; } .link_momenu:active, .link_mologin:active { position: relative; top: 1px; } /* Mobile_header:End */ /* Mobile_HMenu : Start */ #mobile_hmenu { display: block; position: fixed; z-index: 5000; width: 160px; bottom: 0; top: 0; right: 0; background-color: #ebebeb; background-color: rgba(255, 255, 255, 1.0); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transform: -o-transform 0.3s ease-in-out; -ms-transform: -ms-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .view_edit #mobile_hmenu { position: absolute; } .mobile_wrap.mo_hmenu_open #mobile_hmenu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); box-shadow: 0px 2px 7px; } .mobile_wrap_overlay { display: none; position: absolute; z-index: 200; top: 0; left: 0; width: 100%; height: 100%; background-color: #686868; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ cursor: pointer; } .mobile_wrap.mo_hmenu_open .mobile_wrap_overlay { display: block; opacity: 1; filter: alpha(opacity=80); /* For IE8 and earlier */ } .tit_m_hmenu { overflow: hidden; width: 100%; height: 50px; /*background-color: #6643e6;*/ } .txt_m_hmenu { color: #fff; font-size: 15px !important; font-weight: 300 !important; line-height: 50px !important; text-align: center; } .bth_m_hmenu { display: inline-block; position: absolute; width: 40px; height: 50px; text-indent: -5000px; background: url(/template/s171127001001/images/moblieMenuclose.png) no-repeat 50% 20px; } .box_mobile_hmenu>li>a { display: block; padding: 15px 20px; color: #666666; font-family: 'noto sans Kr'; font-size: 13px; line-height: 20px; border-bottom: 1px solid #d5d9df; } .box_mobile_hmenu>li:hover>a { /*color: #6643e7;*/ } /* 2016.02.04 모바ì¼ë©”뉴 검색 추가 S */ .hmenu_m_seach { padding: 7px; } .hmenu_m_seach .box_m_search { width: 100%; height: 25px; border: 1px solid #cccccc; text-align: left; background-color: #fff; position: relative; display: inline-block; vertical-align: bottom; border-radius: 20px; padding-right: 55px; overflow: hidden; } .hmenu_m_seach .tf_search_keyword { text-align: left; height: 25px; border: none; padding-left: 12px; width: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .hmenu_m_seach .btn_search { width: 23px; border-left: 1px solid #cccccc; height: 25px; position: absolute; top: -2px; right: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; text-indent: -5000px; overflow: hidden; line-height: 7; background: #f6f6f6 url(/template/g170911001001/images/search_btn_1.png) center center no-repeat; } /* 2016.02.04 추가 E */ /* Mobile_HMenu : End */ /* Mobile_MainMenu : Start */ /*#mobile_mainmenu { visibility: visible; display:block; top: 0; left: 0; width: 260px; height: 100%; z-index:201; }*/ #mobile_mainmenu { visibility: visible; display: block; top: 0; left: 0; width: 260px; height: 100%; z-index: 1000; -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -o-transform: translateX(-260px); -ms-transform: translateX(-260px); transform: translateX(-260px); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transform: -o-transform 0.5s ease; -ms-transform: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .mobile_wrap.mo_open #mobile_mainmenu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mobile_mainmenu .depth1 { border-bottom: 1px solid #484848; } #mobile_mainmenu .depth1:hover { background-color: #292929; } #mobile_mainmenu .depth1:hover>a { /*color: #6643e7;*/ } #mobile_mainmenu .depth1 .depth_arrow:after { position: absolute; top: 20px; right: 30px; display: block; content: ''; width: 10px; height: 10px; background-image: url(/template/s171127001001/images/design_kitIcon.png); background-position: -64px -68px; background-repeat: no-repeat; } #mobile_mainmenu .depth2.depth_open ul li { border-bottom: 1px solid #484848; } #mobile_mainmenu .gnb, #mobile_mainmenu .depth2, #mobile_mainmenu .depth3 { overflow-y: auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; -webkit-overflow-scrolling: touch; z-index: 1; } #mobile_mainmenu .depth2, #mobile_mainmenu .depth3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #mobile_mainmenu ul>li>a { display: block; padding: 13px 25px 13px; outline: none; font-size: 15px; /*color: #999999;*/ -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; text-decoration: none; text-align: left; line-height: 24px; ; } #mobile_mainmenu ul>li.depth1>a:hover {} #mobile_mainmenu ul>li:first-child>a { /*box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);*/ } #mobile_mainmenu .depth_arrow { position: relative; } #mobile_mainmenu .depth_arrow:before {} #mobile_mainmenu h3 { background-color: #6643e7; text-align: left; letter-spacing: 1px; } #mobile_mainmenu .depth3 h3 { background-color: #6643e7; } #mobile_mainmenu h3>a { display: block; outline: none; font-size: 15px; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; text-decoration: none; text-align: left; letter-spacing: 1px; color: #fff; font-weight: 400; text-align: center; padding: 23px 15px; line-height: 24px; } #mobile_mainmenu .depth2>ul>li>a:hover, #mobile_mainmenu .depth3>ul>li>a:hover { background-color: #292929; } #mobile_mainmenu .overlay>ul>li>a, #mobile_mainmenu .overlay>ul>li:first-child>a { box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } #mobile_mainmenu .gnb:before, #mobile_mainmenu .depth2:before { position: absolute; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } #mobile_mainmenu .gnb.overlay:before, #mobile_mainmenu .depth2.overlay:before { width: 100%; height: 100%; opacity: 1; } #mobile_mainmenu .depth_open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 10; } #mobile_mainmenu .depth_back { color: #fff; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; display: block; font-size: 10px; padding: 1em; cursor: pointer; position: relative; background-color: #000; text-align: center; } .depth1>a, .depth2 ul li>a, .depth3 ul li>a { color: #999; } #mobile_mainmenu .gnb.overlay .depth1>a, #mobile_mainmenu .depth2.overlay>ul>li>a { display: none; } /* Mobile_MainMenu : End */ /* slider: start */ #col_1513221496>div { padding: 0 15px; } #section_1511746092 { margin-top: 0; } #col_1517962415 .DUBU_Slideshow div.content_none { height: 500px; max-height: 500px; padding: 205px 0; } div#slideshow_1511515091327 { height: 500px; transition: .5s; } #row_1511767078 { height: 100%; transition: .5s; } #row_1511767078>div { padding: 200px 0 0; text-align: center; } #element_1511766834 h1 { font-size: 30px; line-height: 36px; } #element_1511766836 { display: none; } #element_1511766840 { margin-top: 20px; } .slideshow .carousel-nav, div.slideshow.skin_type3 .carousel-dots { display: none !important; } div#slide_items_1518395312791, div#slide_items_1518400235004, div#slide_items_1518400238179 { top: 180px; height: auto; position: relative; } div#slide_items_1518395325950, div#slide_items_1518400235005, div#slide_items_1518400238180 { display: none; } div#slide_items_1518395312791 p, div#slide_items_1518395591997 { width: 100%; } div#slide_items_1518400235004 p, div#slide_items_1518400235006 { width: 100%; } div#slide_items_1518400238179 p, div#slide_items_1518400238181 { width: 100%; } div#slide_items_1518395312791 p, div#slide_items_1518400235004 p, div#slide_items_1518400238179 p { font-size: 30px; line-height: 36px; text-align: center; } div#slide_items_1518395325950 p { text-align: center; } div#slide_items_1518395591997, div#slide_items_1518400235006, div#slide_items_1518400238181 { top: 205px; text-align: center; } /* slider: end */ /* content */ /* our company: start */ #row_1511750504 { padding: 50px 0; } #element_1511742088 h2 { font-size: 20px; line-height: 30px; } /* our company: end */ /* content3: carsevice: start */ #row_1511752129 { padding: 35px 0; } #element_1511743625 { margin-top: 20px; } #element_1511743625 p { font-size: 18px; line-height: 30px; } /* content3: carsevice: end */ /* news: start */ #section_1511743732 { padding: 50px 0; } #element_1511744885 h2 { font-size: 20px; line-height: 30px; } #element_1511744903 { padding: 0 0 15px; } /* news: end */ /* contact us: start */ #row_1511752563 { padding: 50px 0; } #element_1511743779 h2 { font-size: 20px; line-height: 30px; } #element_1511743813 p { font-size: 18px; line-height: 30px; } #element_1511743829 { display: none; } /* contact us: end */ /* imformation: start */ #row_1511752808 { padding: 50px 0 0; } #row_1511752808>div:last-child { margin-top: 35px; padding: 0; } /* imformation: end */ /*************/ /* footer: start */ #row_1511757443 { padding: 50px 0 45px; } /*#row_1511757443 > div:nth-child(3),*/ #row_1511757443>div:nth-child(5) { display: none; } /* footer: end */ /*#row_1511746097 { height: 500px; }*/ #col_1567586069 { padding: 0px; } #col_1567392542 { padding: 0px 15px; margin-top: 20px; margin-bottom: 0px; } #col_1567390409 { padding: 0px 15px; } #col_1567391067 { margin-top: 20px; margin-bottom: 0px; padding: 0px 15px; } #col_1567411858 { padding: 0px 30px; margin-top: 20px; margin-bottom: 0px; } #row_1511757443 { padding-top: 20px; padding-bottom: 20px; } #col_1567411940 { padding: 0px 30px; } #mobile_header { background-color: rgb(255, 255, 255); } #col_1567393358 { margin-top: 20px; margin-bottom: 0px; padding: 0px; } #col_1567393351 { padding: 0px; } } .content_none { width: 100%; background-color: #f4f4f4; text-align: center; padding: 50px 0; color: #909090; margin: 0 auto 20px } .DUBU_Board .content_none .inner_images, .content_none .inner_images { background-position: -124px -176px; width: 62px; height: 46px } .content_none .inner_text { padding-top: 20px; font-size: 14px } .content_none .inner_images { background-image: url(/inc/images/module_img.png); background-repeat: no-repeat; margin: 0 auto } .DUBU_Slideshow .content_none .inner_images { background-position: -6px -178px; width: 93px; height: 51px } .DUBU_Map .content_none .inner_images { background-position: -32px -97px; width: 36px; height: 56px } .DUBU_Slidegallery .content_none .inner_images { width: 62px; height: 60px; background-position: -19px -250px } .DUBU_Shop .content_none .inner_images { width: 64px; height: 61px; background-position: -17px -339px } .DUBU_Search .content_none .inner_images { width: 43px; height: 43px; background-position: -124px -348px } .DUBU_Booking .content_none .inner_images { width: 64px; height: 61px; background-position: -16px -431px } .DUBU_Booking_Search .content_none .inner_images { width: 50px; height: 57px; background-position: -121px -432px } .DUBU_Banner .content_none .inner_images { width: 67px; height: 57px; background-position: -113px -259px } .DUBU_Payment .content_none .inner_images { width: 69px; height: 59px; background-position: -118px -527px } .link_privacy a { font-weight: 700 !important } .link_aboutus a, .link_nospam a, .link_service a, .link_useguide a { font-weight: 200 !important } .Social_Stream .content_none .inner_images { width: 70px; height: 74px; background-position: -13px -518px } /* login */ .login-box { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 15px; padding: 15px; border: solid 1px lightgrey; } #index-login { flex: auto; display: flex; flex-direction: column; row-gap: 10px; } #index-login input { width: 100%; border: solid 1px lightgrey; padding: 10px; } .login-btn-box { width: max-content; height: 100%; } .btn-login { background-color: var(--main-color1); color: white; height: 100%; width: 100%; border-radius: 0; } .btn-login:hover { color: white; } /* logout */ .logout-box { display: flex; flex-direction: column; justify-content: space-between; padding: 15px; border: solid 1px lightgrey; } .logout-btn-box { display: flex; column-gap: 15px; } .member-name { padding: 0 0 15px; } .member-name span { font-weight: 700; } .btn-myPage, .btn-logout { text-align: center; color: white !important; flex-basis: 0; flex-grow: 1; padding: 10px; background-color: var(--main-color1); border-radius: 5px; } .tel_bankinfo { padding: 0px 10px 12px 10px; background: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/ban_bg01.jpg); margin-top: 20px; border: 1px solid #cfcfd0; color: #333; width: 100%; display: inline-block; } .tel_bankinfo p.title { font-size: 16px; font-weight: 600; color: #00306e; border-bottom: 1px solid #00306e; padding: 10px 0 5px 0; margin-bottom: 10px; } .tel_bankinfo ul.banconcon li { font-size: 15px; padding-bottom: 7px; line-height: 1.5; font-weight: 600; letter-spacing: -1px; } .tel_bankinfo ul.banconcon li a { color: #333; font-size: 14px; font-weight: normal; letter-spacing: 0px; } .tel_bankinfo ul.banconcon li:before { content: ''; height: 5px; width: 5px; background: #00306e; border-radius: 50%; display: inline-block; margin: 2px 8px 4px 0; } ul.bankinfocon li { font-size: 20px; color: #00306e; font-weight: 600; line-height: 1.5; } ul.bankinfocon li:last-child { font-size: 13px; color: #333; font-weight: 600; line-height: 1; } @media screen and (min-width:666px) and (max-width:991px) { .tel_bankinfo ul.banconcon li { float: left; width: 50%; } } @media screen and (min-width: 768px) { .col-md-8 { flex: 0 0 75%; max-width: 75%; } } @media screen and (min-width: 992px){ .col-md-8 { padding-left: 0 !important; padding-right: 10px !important; } } @media screen and (min-width: 992px) { .col-lg-12 { flex: 0 0 99%; max-width: 100%; } } .logout-box { padding: 24px; } #col_1567391067 { padding: 0px 0px 0px 20px; } .container .nav.nav-tabs .nav-link.active { background:none !important; color: inherit !important; border-radius: 0; border-bottom: 1px solid blue; border-right: 1px solid #E5E5E5; /* height: 38px; */ /* font-size: 0; */ /* border-bottom: 1px solid #d5d9df; */ /* box-sizing: border-box; */ /* white-space: nowrap; */ } .container .nav.nav-tabs .nav-link { border-top: 0; /* border-left: 0; */ border-right: 1px solid #E5E5E5; border-radius: 0; background: none; color: var(--main-grey); padding: 5px 10px; /* text-decoration: none; */ } .nav-tabs .nav-link { border-right: 1px solid #E5E5E5; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .container .tab-content { padding:0; } .notice-line { padding: 6.36px 10px !important; border-bottom: none; } .DUBU_Board_s171127001001 .board_main .tab_list a { position: relative; display: inline-block; color: #999999; /* font-family: 'noto sans KR', sans-serif; */ font-size: 13px; line-height: 30px; vertical-align: top; } .DUBU_Board_s171127001001 .board_main .link_more { display: inline-block; content: ''; top: 10px; position: relative; width: 11px; height: 15px; margin-left: 6px; background: url(/society/socialtheory1983/homepage/media?key=socialtheory1983/main/design_kitIcon.png); background-repeat: no-repeat; background-position: -63px -66px; text-indent: -9999em; background-color: transparent !important; } /*reset.css파일*/ /* reset:Start */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 } fieldset, img { border: 0 none } dl, ul, ol, menu, li { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } input, select, textarea, button { vertical-align: middle } input:focus, button:focus, textarea:focus { outline: none; } button { border: 0 none; background-color: transparent; cursor: pointer } body { background: #fff; -webkit-text-size-adjust: none; /* word-spacing:1.5pt;*/ } body, th, td, input, select, textarea, button { font-size: 12px; /*font-family:'HelveticaNeue-Light','AppleSDGothicNeo-Light','sans-serif','Nanum Gothic';*/ color: #333 } a { color: #333; text-decoration: none } a:active, a:hover { text-decoration: none; } address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal } .clear { clear: both } /*img {max-width:100%}*/ figure { line-height: 0 } img { vertical-align: top } /* reset:End */ /* clearfix:Start */ .clearfix:after { /* Firefox, IE8, Opera, Safari, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } *+html .clearfix { /* for IE7 */ display: inline-block; } * html .clearfix { /* for IE6 */ height: 1%; } #logo { font-weight: normal; } .label_hidden { display: none; } /* clearfix:End */ /* row, col:Start */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container.fullsize { max-width: 100% } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media all and (min-width: 768px) { .container { max-width: 750px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } } @media all and (min-width: 992px) { .container { max-width: 970px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } } @media all and (min-width: 1200px) { .container { max-width: 1170px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .hidden { display: none !important; visibility: hidden !important; } .visible-xs { display: none !important; } tr.visible-xs { display: none !important; } th.visible-xs, td.visible-xs { display: none !important; } @media all and (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media all and (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm { display: none !important; } tr.visible-sm { display: none !important; } th.visible-sm, td.visible-sm { display: none !important; } @media all and (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media all and (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md { display: none !important; } tr.visible-md { display: none !important; } th.visible-md, td.visible-md { display: none !important; } @media all and (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media all and (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg { display: none !important; } tr.visible-lg { display: none !important; } th.visible-lg, td.visible-lg { display: none !important; } @media all and (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media all and (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media all and (max-width: 767px) { .hidden-xs { display: none !important; } tr.hidden-xs { display: none !important; } th.hidden-xs, td.hidden-xs { display: none !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm { display: block !important; } tr.hidden-xs.hidden-sm { display: none !important; } th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md { display: none !important; } tr.hidden-xs.hidden-md { display: none !important; } th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media all and (min-width: 1200px) { .hidden-xs.hidden-lg { display: none !important; } tr.hidden-xs.hidden-lg { display: none !important; } th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media all and (max-width: 767px) { .hidden-sm.hidden-xs { display: block !important; } tr.hidden-sm.hidden-xs { display: none !important; } th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } tr.hidden-sm { display: none !important; } th.hidden-sm, td.hidden-sm { display: none !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md { display: none !important; } tr.hidden-sm.hidden-md { display: none !important; } th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media all and (min-width: 1200px) { .hidden-sm.hidden-lg { display: none !important; } tr.hidden-sm.hidden-lg { display: none !important; } th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media all and (max-width: 767px) { .hidden-md.hidden-xs { display: none !important; } tr.hidden-md.hidden-xs { display: none !important; } th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media all and (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm { display: none !important; } tr.hidden-md.hidden-sm { display: none !important; } th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } tr.hidden-md { display: none !important; } th.hidden-md, td.hidden-md { display: none !important; } } @media all and (min-width: 1200px) { .hidden-md.hidden-lg { display: none !important; } tr.hidden-md.hidden-lg { display: none !important; } th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media all and (max-width: 767px) { .hidden-lg.hidden-xs { display: none !important; } tr.hidden-lg.hidden-xs { display: none !important; } th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } .wrap.right_off, #mobile_mainmenu.right_off { transition-duration: initial; } } @media all and (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm { display: none !important; } tr.hidden-lg.hidden-sm { display: none !important; } th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media all and (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md { display: none !important; } tr.hidden-lg.hidden-md { display: none !important; } th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media all and (min-width: 1200px) { .hidden-lg { display: none !important; } tr.hidden-lg { display: none !important; } th.hidden-lg, td.hidden-lg { display: none !important; } } .dpl_element[data-element="title"] { font-size: 26px; } .dpl_element[data-element="paragraph"] { font-size: 18px; } .video_responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .video_responsive .video_responsive-item, .video_responsive , .video_responsive embed, .video_responsive object, .video_responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .video_responsive_16by9 { padding-bottom: 56.25%; } .video_responsive_4by3 { padding-bottom: 75%; } html.noscroll { height: 100%; } html.noscroll body { height: 100%; overflow: hidden; } [data-link-href] { cursor: pointer; } #mobile_header.fixed_header, #header.fixed_header { position: fixed; top: 0; width: 100%; z-index: 3000; left: 0; } #footer.fixed_footer { position: fixed; bottom: 0; width: 100%; z-index: 100; } .gutter_padding { margin: 0; } .linkul { background: none; } #footer { position:relative !important; margin-bottom:0; } #wrap {padding-bottom:0 !important;} </style> <footer> <div class="container"> <div class="row gutter_padding" id="row_1511757443"> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2" id="col_1567411940"> <div class="dpl_element module" data-element="imagecell" id="element_1567390826" style="margin-top: 18px;"> <a><img src="/society/socialtheory1983/homepage/media?key=socialtheory1983/main/footer_logo.jpg" data-imgname="footer_logo.jpg" data-imgsize="8948"></a> </div> </div> <div class="clearfix visible-xs"></div> <div class="clearfix visible-sm"></div> <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10" id="col_1567411858"> <ul id="footer_menu" class="module"> <li class="link_aboutus" style="display:none;"> <a href="#">회사소개</a> </li> <li class="link_useguide" style="display:none;"> <a href="#">이용안내</a> </li> <li class="link_service"> <a href="/society/socialtheory1983/homepage/custom/useinfo">이용약관</a> </li> <li class="link_privacy"> <a href="/society/socialtheory1983/homepage/custom/privacy">개인정보처리방침</a> </li> <li class="link_nospam"> <a href="/society/socialtheory1983/homepage/custom/refuse">이메일주소무단수집거부</a> </li> </ul> <div class="dpl_element module" data-element="codecell" id="element_1567390814"> <div class="footer_add"> <p>Copyright © socialtheory1983.com All rights reserved.</p> </div> </div> </div> </div> </div> </footer> </div> <script src="https://d1g6ftv4r2ccld.cloudfront.net/homepage/js/homepage-common.js" integrity="sha384-Dz54ZyiWwNjbLIoAk3JoKR3rtsj2BSh9TXmm5eQV3rriBUUmjNtRCsJCC81LjGhL" crossorigin="anonymous"></script> <script> function signinAtHome() { var data = $("#index-login").serialize(); $.ajax({ url: 'https://socialtheory1983.com/signinAtHome', type: 'POST', data: data, success: function (result) { if (result === "loginErrorMsg") { bootbox.alert("로그인에 실패하였습니다. 아이디와 비밀번호를 확인해주세요."); } else if (result === "email") { window.location.href = "https://socialtheory1983.com"; } else if (result === "pre-signup") { var preSignUp = "학회 회원이 아닙니다. 가입을 먼저 진행해주세요."; bootbox.alert(preSignUp, function () { window.location.href = "https://socialtheory1983.com/signup?loggedUsername=" + $("input[name=username]").val(); }); } else { location.reload(); } } , beforeSend: function () { if ($("#div_ajax_load_image").length != 0) { $("#div_ajax_load_image").show(); } else { $('body').append('<div id="div_ajax_load_image" style="position:absolute; z-index:9999; filter:alpha(opacity=50); top: 50%; left: 50%; transform: translate(-50%, -50%); margin:auto; padding:0; background-color: white; border: solid 1px lightgrey; padding: 15px; text-align: center;"><p style="font-size: 1.4rem;font-weight: 600"> 로그인 중 입니다.</p><br/><img src="https://domestic.thinkonweb.com/society/test/homepage/media?key=test/all/loading.gif" style="width:50px; height:50px;"></div>'); } }, complete: function () { $("#div_ajax_load_image").hide(); } }); } /* 로그인 효과 */ $(document).ready(function () { // Password Enter 효과 $('#pw').keypress(function (e) { if (e.which == 13) { $('.btn-login').click(); } }); /* 로그인 클릭시 */ $(".btn-login").click(function () { var username = $("input[name=username]").val(); var password = $("input[name=password]").val(); if (username == '') { bootbox.alert("아이디를 입력해주세요."); } else if (password == '') { bootbox.alert("비밀번호를 입력해주세요."); } else { $.get("https://socialtheory1983.com/joined-society?email=" + username, function (societyList) { if (societyList) { let msg = '안녕하세요 회원님! <br/>한국사회이론학회에 처음 방문해주셨네요.<br/><br/>현재 회원님의 계정(' + username + ')은 저희 솔루션을 이용 중인 다른 학회 ' + '[<strong>' + societyList + '</strong>]에도 동일하게 가입되어 있습니다.<br/><br/>' + '학회마다 번거롭게 별도 계정 관리를 하지 않도록 통합하여 운영 중으로 동일한 이메일, 비밀번호를 활용하여 활동하실 수 있습니다.<br/><br/>로그인에 어려움이 있으시면 아래 연락처로 문의 부탁드립니다.<br/>support@thinkonweb.com'; bootbox.alert(msg, function () { signinAtHome(); }); } else { signinAtHome(); } }); } }); }); </script> <script> $(document).ready(function() { if('' == 'false'){ alert("로그인이 필요한 서비스입니다. 로그인 후 이용해 주세요."); location.href="https://socialtheory1983.com"; } }); </script> </div> </body> </html>
