14:00~14:05

[개회사] 하주용 한국방송학회 회장

14:05~14:10

[인사말]

14:10~15:00

[발제1] 이헌율(고려대학교 미디어학부 교수)

“아시아 주요 국가 OTT 시장 특성을 중심으로 본 한국 OTT 서비스의 진출 전략”

[발제2] 이미나(숙명여자대학교 미디어학부 부교수), 김선미(고려대학교 정보문화연구소 연구교수)

“글로벌 OTT 시장 변화와 유럽 OTT 서비스 시장의 현황과 특성”

15:00~15:10

중간휴식

15:10~16:00

[라운드테이블 종합토론]

좌장: 박천일(숙명여자대학교 미디어학부 교수)

토론:

김설아(홍익대학교 불어불문학과 교수)

.container { padding: 0; } #header_menu li { display: inline-block; } #header_menu li a { display: inline-block; } /* Main_menu: Start */ #main_menu {} #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; } #main_menu .gnb .depth1.active.point_hover_bg { background-color: transparent; } #main_menu .depth1>a { display: block; text-align: center; } #main_menu .gnb .depth2 { display: none; position: absolute; width: 100%; } #main_menu .gnb .depth1: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 .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; } /* Main_menu: End */ /* content */ #content>.container { padding: 0; } /* 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 */ /* header */ #header { position: relative; z-index: 999; } #header_menu { padding: 10px 0; } #header_menu li { padding: 0 4px; } #header_menu li a { font-size: 13px; color: #595959; } #logo { padding: 13px 0 0; } #main_menu .gnb .depth1 { height: 50px; line-height: 50px; width: 120px; } #main_menu .gnb .depth1:hover {} #main_menu .gnb .depth1>a { padding: 0 20px; font-size: 18px; color: #333333; } #main_menu .gnb .depth1:hover>a { background: #1b2086 !important; color: #fff !important; } #header #main_menu .gnb .depth2 { left: 50%; z-index: 20 !important; background: #1b2086; width: 120px; transform: translate(-50%); } #header #main_menu .gnb .depth2>li {} #header #main_menu .gnb .depth2>li>a { height: 45px; font-size: 15px; color: #fff; line-height: 45px; text-align: center; } #header #main_menu .gnb .depth2>li:hover { background: #f0eef1; } #header #main_menu .gnb .depth2>li:hover>a { color: #1b2086; font-weight: 500; } #nav_bg { position: absolute; top: 80px; left: 0; right: 0; background: #1b2086; height: 270px; width: 1170px; transition: all .3s ease; transform: scaleY(0); transform-origin: 0 0; display: block; margin: 0 auto; } #nav_bg.on { transform: scaleY(1); } @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; font-weight: bold !important; } #footer_menu .link_privacy a { color: #e4ee77 !important; } #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; } /*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(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_1.png) no-repeat; margin-left: 0; } .ban1 ul li:nth-child(2) { background: #fff url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_2.png) no-repeat; } .ban1 ul li:nth-child(3) { background: #fff url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_3.png) no-repeat; margin-bottom: 0; margin-left: 0; } .ban1 ul li:nth-child(4) { background: #fff url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_4.png) no-repeat; margin-bottom: 0; } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; /* hide images */ content:url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban03_off.png) url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban02_off.png) url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_1_hover.png) url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_2_hover.png) url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_3_hover.png) url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_4_hover.png); /* load images */ } .ban1 ul li:nth-child(1):hover { background: #005f1b url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_1_hover.png) no-repeat; } .ban1 ul li:nth-child(2):hover { background: #005f1b url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_2_hover.png) no-repeat; } .ban1 ul li:nth-child(3):hover { background: #005f1b url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_3_hover.png) no-repeat; border: 1px solid #ddd; } .ban1 ul li:nth-child(4):hover { background: #005f1b url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban1_4_hover.png) 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;}*/ #banner_bot_wrap { width: 100%; max-width: 880px; height: 59px; margin-top: 16px; margin-bottom: 0px; position: relative; overflow: hidden; border: 1px solid rgb(221, 221, 221); } #element_1568790812 { position: absolute; top: 5px; left: 0px; background: rgb(255, 255, 255); padding: 0px 50px; width: 100%; } #element_1568790812 ul li { float: left; margin-right: 20px; } @media screen and (max-width:768px) { #element_1568790812 { padding: 0px 20px; } } /*ban2*/ .ban2 { height: 120px; padding: 25px 0px 20px 140px; background-size: cover; margin-top: 31px; 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(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban02_on.png); } .ban2.ban2_2 { background-image: url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban03_on.png); } .ban2.ban2_1:hover { background: url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban02_off.png); background-size: cover; } .ban2.ban2_2:hover { background: url(https://d1eynvj37eazsi.cloudfront.net/bee/main/ban03_off.png); 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: #fff; font-weight: 300; font-size: 12px; line-height: 1.6; } @media screen and (max-width:768px) { .footer_add p { font-size: 11px; } } #app_1577684505 { text-align: right; } #logo img { width: auto; height: auto; } #footer_menu li a { color: rgb(255, 255, 255); } /* #col_1567390409 { padding: 0px 0px 0px 20px; } #col_1567392542 { padding: 0px; }*/ #row_1511741017 { padding-top: 15px; padding-bottom: 0px; } #col_1511748932 { padding: 0px; } #col_1567473205 { padding: 0px; } #col_1511741004 { padding: 0px; } #row_1511757443 { padding-top: 21px; padding-bottom: 22px; background-color: rgb(88, 88, 88); } #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; } #footer { background-color: rgb(255, 255, 255); margin: 20px 0px 0px; } #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: 0px; } #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(239, 239, 239); border-color: rgb(221, 221, 221); border-width: 0px 0px 1px; border-style: solid; } .DUBU_Board_s171127001001 .board_main .tit_board_main h3 { padding: 10px 0px 0px 10px; } .ban2 { padding: 13px 20px 20px; height: 120px; } .ban2.ban2_1 { background-image: url("https://d1eynvj37eazsi.cloudfront.net/bee/main/ban02_on.png"); } .ban2.ban2_1:hover { background: url("https://d1eynvj37eazsi.cloudfront.net/bee/main/ban02_off.png"); background-size:cover; } .ban2.ban2_2 { background-image: url("https://d1eynvj37eazsi.cloudfront.net/bee/main/ban03_on.png"); } .ban2.ban2_2:hover { background: url("https://d1eynvj37eazsi.cloudfront.net/bee/main/ban03_off.png"); background-size:cover; } .DUBU_Board_s171127001001 .board_main .col_date { width: 25% !important; } #app_1567390323, #app_1567390331 { min-height: 325px; } .DUBU_Board_s171127001001 .board_main .btn_more { margin-top: 12px !important; margin-right: 19px !important; } .link_cus1584244709 a { color: rgb(228, 238, 119) !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: 35px 0; } /* 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: 35px 0; } /*#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 } .content_p a, .container p a, table a { text-decoration: none; } .s_top { height:100px; } li { list-style: none; } .h_top { height: 45px!important; background-color: rgb(239, 239, 239); } .linkul a { color: #595959; } @media screen and (max-width: 1024px){ .h_top { height: fit-content !important; background-color:white; } .m_linkul{ background-color: white; } }