@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
@import url('event_pc2.css');

/*** !!!!!!!!!!ÇÊ¼ö!!!!!!!!!! ***/
body{line-height:normal !important;}
#quick-menu{display:none;}

.container{padding-top:121px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; text-align:center; letter-spacing:-0.05em;}

/* »ó´Ü ¸Þ´º */
.event_top_menu{position:fixed; left:0; right:0; top:0; height:121px; background:#07304f; border-bottom:4px solid #ff8b34; box-sizing:border-box; z-index:9999;}
.event_top_menu .inner{position:relative; width:1420px; margin:0 auto;}
.event_top_menu p{position:absolute; left:0; top:23px;}
.event_top_menu ul{overflow:hidden; margin-left:341px; padding:23px 0 18px; background:url(../images/menu_bg.png) no-repeat 0 0;}
.event_top_menu li{float:left; padding-left:14px;}
.event_top_menu li:nth-child(1), .event_top_menu li:nth-child(2){padding:0;}
.event_top_menu li:nth-child(3){padding-left:22px;}
.event_top_menu li span{display:inline-block; height:76px; background-repeat: no-repeat; background-position:0 0; text-indent:-9999px;}
.event_top_menu li:nth-child(1) span{width:167px; background-image:url(../images/menu_01.png);}
.event_top_menu li:nth-child(2) span{width:162px; background-image:url(../images/menu_02.png);}
.event_top_menu li:nth-child(3) span{width:108px; background-image:url(../images/menu_03.png);}
.event_top_menu li:nth-child(4) span{width:96px; background-image:url(../images/menu_04.png);}
.event_top_menu li:nth-child(5) span{width:138px; background-image:url(../images/menu_05.png);}
.event_top_menu li:nth-child(6) span{width:124px; background-image:url(../images/menu_06.png);}
.event_top_menu li:nth-child(7) span{width:120px; background-image:url(../images/menu_07.png);}
.event_top_menu li.on:nth-child(1) span, .event_top_menu li:nth-child(1):hover span{background-image:url(../images/menu_01_on.png);}
.event_top_menu li.on:nth-child(2) span, .event_top_menu li:nth-child(2):hover span{background-image:url(../images/menu_02_on.png);}
.event_top_menu li.on:nth-child(3) span, .event_top_menu li:nth-child(3):hover span{background-image:url(../images/menu_03_on.png);}
.event_top_menu li.on:nth-child(4) span, .event_top_menu li:nth-child(4):hover span{background-image:url(../images/menu_04_on.png);}
.event_top_menu li.on:nth-child(5) span, .event_top_menu li:nth-child(5):hover span{background-image:url(../images/menu_05_on.png);}
.event_top_menu li.on:nth-child(6) span, .event_top_menu li:nth-child(6):hover span{background-image:url(../images/menu_06_on.png);}
.event_top_menu li.on:nth-child(7) span, .event_top_menu li:nth-child(7):hover span{background-image:url(../images/menu_07_on.png);}

/* ÄÁÅÙÃ÷ °øÅë */
.section_wrap .section, .section_event_wrap .section{display:none;}
.section_wrap .section.active, .section_event_wrap .section.active{display:block;}

.rolling_area .slick-slide{height:480px;}
.rolling_area .slick-slide a{position:absolute; left:50%; top:0; width:1100px; height:480px; margin-left:-550px;}
.rolling_area .slick-slide img{position:absolute; left:50%; top:0; width:1920px; height:480px; margin-left:-960px;}
.rolling_area .slick-arrow{position:absolute; top:50%; width:78px; height:78px; margin:-39px -515px 0 -515px; border:3px solid #001844; border-radius:50%; background:rgba(255, 255, 255, .5) url(../images/icon_arrow_spr.png) no-repeat 0 0; text-indent:-9999px; z-index:3; box-sizing:border-box;}
.rolling_area .slick-arrow:hover{background-color:rgba(255, 255, 255, 1);}
.rolling_area .slick-prev{left:50%; background-position:-6px -3px;}
.rolling_area .slick-next{right:50%; background-position:-80px -3px;}
.rolling_area .slick-dots{position:absolute; left:0; right:0; bottom:105px;}
.rolling_area .slick-dots li{display:inline-block; margin:0 4px;}
.rolling_area .slick-dots li button{display:inline-block; width:15px; height:15px; background:#fff; border:2px solid #555; border-radius:50%; text-indent:-9999px; box-sizing:border-box;}
.rolling_area .slick-dots li.slick-active button{background:#000; border-color:#000;}

.section_visual{margin-bottom:50px; position:relative;}
.section_visual .date{position:absolute; top:40px; right:50%; margin-right:-826px;}

.section_prd_list{position:relative; width:1100px; margin:0 auto;}
.section_prd_list .tab{position:absolute; left:-146px; top:70px; width:118px;}
.section_prd_list .tab li{position:relative; height:49px; margin-bottom:3px; border:1px solid #cdcdcd; background:#fff; box-sizing:border-box;}
.section_prd_list .tab li a{display:block; font-size:19px; color:#979797; line-height:48px; letter-spacing:-0.05em;}
.section_prd_list .tab li:hover a{background:#e6e6e6; color:#979797;}
.section_prd_list .tab li.on{border:2px solid #001844;}
.section_prd_list .tab li.on a{background:#035ca0; font-weight:700; color:#fff; line-height:46px;}
.section_prd_list .tab li.on:after{content:''; position:absolute; right:-10px; top:50%; width:10px; height:22px; margin-top:-11px; background:url(../images/icon_arrow_spr.png) no-repeat -160px -20px;}

.section_prd_list .sorting{text-align:right;}
.section_prd_list .sorting input{width:200px; height:25px; padding:0 10px;}
/*.section_prd_list .sorting input:after{content:''; display:block; width:25px; height:25px; background:red; }*/
.section_prd_list .sorting span{display:inline-block; margin-left:15px; font-size:16px; font-weight:500; color:#2e303b; cursor:pointer;}
.section_prd_list .sorting span:hover{color:#ff6c46;}
.section_prd_list .sorting .on{position:relative; color:#ff6c46;}
.section_prd_list .sorting .on:after{content:''; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:#ff6c46;}

.prd_list_iframe{min-height:416px;}

/* ¸Þ´º01 ~ 05 */
.section3 .prd_wrap{padding:40px 0 20px;}
.section3 .prd_wrap ul{overflow:hidden; margin:-4px -8px 0;}
.section3 .prd_wrap li{float:left; width:20%; margin:9px 0; padding:0 8px; box-sizing:border-box;}
.section3 .prd_wrap li a{display:block; border:1px solid #dadada;}
.section3 .prd_wrap li a:hover{border:1px solid #db3711;}
.section3 .prd_wrap li a:hover .prd p{background:#db3711;}
.section3 .prd_wrap .prd{position:relative;}
.section3 .prd_wrap .prd img{width:100%; height:113px;}
.section3 .prd_wrap .prd p{display:block; background:#000; font-size:13px; color:#fff; line-height:30px; text-align:center; letter-spacing:0;}
.section3 .prd_wrap .prd .sale{position:absolute; right:0; top:0; width:45px; background:#db3711; font-size:13px; color:#fff; line-height:25px; text-align:center;}
.section3 .prd_wrap .prd_info{position:relative; height:145px; padding:15px; box-sizing:border-box; text-align:left;}
.section3 .prd_wrap .prd_info .tit{overflow:hidden; position:relative; display:block; max-height:44px; margin-bottom:5px;}
.section3 .prd_wrap .prd_info .tit:after{content:'...'; position:absolute; right:0; bottom:3px; display:inline-block; width:10px; z-index:1;}
.section3 .prd_wrap .prd_info .tit span{position:relative; display:block; min-height:44px; padding-right:10px; font-size:15px; font-weight:bold; color:#363636; line-height:22px; word-break: break-all; letter-spacing:-0.5PX;}
.section3 .prd_wrap .prd_info .tit span:after{content:''; position:absolute; right:0; bottom:0; width:10px; height:21px; background:#fff; z-index:3;}
.section3 .prd_wrap .score_wrap{height:15px;}
.section3 .prd_wrap .score_wrap .score{display:inline-block; width:13px; height:13px; margin-right:-3px; background:url(http://hoteldolphins.com/img/sub/blt_subMainScore_star.png) no-repeat 50% 50%; font-size:0; vertical-align:middle;}
.section3 .prd_wrap .prd_info .price{overflow:hidden; position:absolute; left:15px; right:15px; bottom:15px;}
.section3 .prd_wrap .prd_info .price > p{float:left; width:50%; font-size:12px; color:#6d6d6d;}
.section3 .prd_wrap .prd_info .price > p span{display:block; line-height:22px;}
.section3 .prd_wrap .prd_info .price > p em{display:inline-block; font-size:14px;}
.section3 .prd_wrap .prd_info .price .before em{padding-top:1px;}
.section3 .prd_wrap .prd_info .price .after em{font-size:15px; font-weight:700; color:#ff4810;}
.section3 .prd_wrap .prd_info .price .after em:after{content:'~'; display:inline-block;}
.section3 .btn_more{display:block; width:100%; margin-bottom:40px; background:#ffef42; border:none; text-align:center;}
.section3 .btn_more span{display:inline-block; font-size:21px; font-weight:700; color:#000; line-height:52px;}
.section3 .btn_more span:after{content:''; display:inline-block; width:15px; height:9px; margin-left:10px; background:url(http://hoteldolphins.com/image/event/icon_arrow.png) no-repeat 0 0; vertical-align:middle;}
.section3 .banner{background:url(../images/sec3_banner_bg.png) repeat-x 0 0;}
.section3 .banner a{display:inline-block;}
.section3 .cont{background:#f1f3f4;}

.section4 .banner{background:#7b509f;}
.section4 .banner a{display:inline-block;}

.section5{background:url(../images/cnt05_bg.jpg) no-repeat center top;}
.section5 .banner{background:url(../images/sec5_banner_bg.jpg) no-repeat center top;}
.section5 .banner a{display:inline-block;}
.section5 .cont02{background:#f1f3f4;}

/* ÇÏ´Ü °øÅë */
.common_banner{position:relative; height:137px; margin:40px 0 60px;}
.common_banner a{position:absolute; left:50%; top:0; width:1100px; height:137px; margin-left:-550px;}
.common_banner img{position:absolute; left:50%; top:0; width:1920px; height:137px; margin-left:-960px;}
.common_notice{background:#515151;}
