/* 원본 www.drh.co.kr/new/ch/css/custom.css 이식본 — private/migrate/tools/layout_css_port.py 가 생성. 직접 고치지 말고 drh7-fix.css 에 보정을 쓸 것 */ legend {display:none;} a, a:hover, a:visited, a:focus {text-decoration:none;} ul, ol, label {margin-bottom:0;} p{margin:0px;} caption {display:none;} h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} .form-control {box-shadow:0 0;} .after_div {*zoom:1;} .after_div:after { clear:both;content:"";display:block;} .float_l { float:left;} .float_r { float:right;} .clear {*zoom:1;} .clear:after { clear:both;content:"";display:block;} .fl { float:left;} .fr { float:right;} .clear_fl {clear:both;float:left;} /*** 정렬 ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .va_top {vertical-align:top !important;} .va_middle {vertical-align:middle !important;} .va_bottom {vertical-align:bottom !important;} /*** 폰트 컬러 ***/ .fc_point {color:#fa2e14 !important;} .fc_basic {color:#333;} /*** 폰트 굵기 ***/ .fw_t {font-weight:300;} .fw_n {font-weight:400;} .fw_b {font-weight:700;} .fw_eb {font-weight:800;} /*** border ***/ .border_top_non {border-top:0 none !important;} .border_top_000 {border-top:1px #000 solid;} .border_rig_non {border-right:0 none !important;} .border_rig_000 {border-right:1px #000 solid !important;} .border_bot_non {border-bottom:0 none !important;} .border_bot_000 {border-bottom:1px #000 solid !important;} .border_left_non {border-left:0 none !important;} .border_left_000 {border-left:1px #000 solid !important;} /*** background 컬러 ***/ .back_ff {background-color:#fff !important;} .back_fb {background-color:#fbfbfb !important;} /*** display ***/ .dis_block {display:block !important;} .blind, .dn {display:none !important;} .dis_none {display:none !important;} .dis_inblock {display:inline-block !important;} .dis_table {display:table !important;} .dis_tablerow {display:table-row !important;} .dis_tablecell {display:table-cell !important;} .relative {position:relative !important;} .absolute {position:absolute !important;} .border_box {box-sizing:border-box;} .ti_0 {text-indent:0 !important;} /*** 간격 조절 ***/ .mt_0 {margin-top:0px !important;} .mt_3 {margin-top:3px !important;} .mt_5 {margin-top:5px !important;} .mt_8 {margin-top:8px !important;} .mt_10 {margin-top:10px !important;} .mt_15 {margin-top:15px !important;} .mt_20 {margin-top:20px !important;} .mt_25 {margin-top:25px !important;} .mt_30 {margin-top:30px !important;} .mt_35 {margin-top:35px !important;} .mt_40 {margin-top:40px !important;} .mt_45 {margin-top:45px !important;} .mt_50 {margin-top:50px !important;} .mt_52 {margin-top:52px !important;} .mt_55 {margin-top:55px !important;} .mt_60 {margin-top:60px !important;} .mt_65 {margin-top:65px !important;} .mt_70 {margin-top:70px !important;} .mt_75 {margin-top:75px !important;} .mt_80 {margin-top:80px !important;} .mt_82 {margin-top:82px !important;} .mt_95 {margin-top:95px !important;} .mt_-5 {margin-top:-5px !important;} .mt_-10 {margin-top:-10px !important;} .mt_-20 {margin-top:-20px !important;} .mr_0 {margin-right:0 !important;} .mr_3 {margin-right:3px !important;} .mr_5 {margin-right:5px !important;} .mr_7 {margin-right:7px !important;} .mr_10 {margin-right:10px !important;} .mr_15 {margin-right:15px !important;} .mr_20 {margin-right:20px !important;} .mr_25 {margin-right:25px !important;} .mr_30 {margin-right:30px !important;} .mr_35 {margin-right:35px !important;} .mr_40 {margin-right:40px !important;} .mr_45 {margin-right:45px !important;} .mr_50 {margin-right:50px !important;} .mr_5p {margin-right:5% !important;} .mb_0 {margin-bottom:0px !important;} .mb_5 {margin-bottom:5px !important;} .mb_10 {margin-bottom:10px !important;} .mb_15 {margin-bottom:15px !important;} .mb_20 {margin-bottom:20px !important;} .mb_25 {margin-bottom:25px !important;} .mb_30 {margin-bottom:30px !important;} .mb_35 {margin-bottom:35px !important;} .mb_40 {margin-bottom:40px !important;} .mb_45 {margin-bottom:45px !important;} .mb_50 {margin-bottom:50px !important;} .mb_55 {margin-bottom:55px !important;} .mb_60 {margin-bottom:60px !important;} .mb_65 {margin-bottom:65px !important;} .mb_70 {margin-bottom:70px !important;} .mb_75 {margin-bottom:75px !important;} .ml_0 {margin-left:0 !important;} .ml_3 {margin-left:3px !important;} .ml_5 {margin-left:5px !important;} .ml_7 {margin-left:7px !important;} .ml_10 {margin-left:10px !important;} .ml_15 {margin-left:15px !important;} .ml_20 {margin-left:20px !important;} .ml_25 {margin-left:25px !important;} .ml_30 {margin-left:30px !important;} .ml_35 {margin-left:35px !important;} .ml_40 {margin-left:40px !important;} .ml_45 {margin-left:45px !important;} .ml_50 {margin-left:50px !important;} .ml_5p {margin-left:5% !important;} .mlr_5 {margin-left:5px !important;margin-right:5px !important;} .pt_0 {padding-top:0px !important;} .pt_3 {padding-top:3px !important;} .pt_5 {padding-top:5px !important;} .pt_7 {padding-top:7px !important;} .pt_8 {padding-top:8px !important;} .pt_10 {padding-top:10px !important;} .pt_15 {padding-top:15px !important;} .pt_20 {padding-top:20px !important;} .pt_24 {padding-top:24px !important;} .pt_25 {padding-top:25px !important;} .pt_30 {padding-top:30px !important;} .pt_35 {padding-top:35px !important;} .pt_40 {padding-top:40px !important;} .pt_45 {padding-top:45px !important;} .pt_50 {padding-top:50px !important;} .pt_55 {padding-top:55px !important;} .pt_60 {padding-top:60px !important;} .pt_65 {padding-top:65px !important;} .pt_70 {padding-top:70px !important;} .pt_100 {padding-top:100px !important;} .pl_0 {padding-left:0px !important;} .pl_3 {padding-left:3px !important;} .pl_5 {padding-left:5px !important;} .pl_7 {padding-left:7px !important;} .pl_10 {padding-left:10px !important;} .pl_15 {padding-left:15px !important;} .pl_20 {padding-left:20px !important;} .pl_25 {padding-left:25px !important;} .pl_30 {padding-left:30px !important;} .pl_35 {padding-left:35px !important;} .pl_40 {padding-left:40px !important;} .pb_0 {padding-bottom:0px !important;} .pb_3 {padding-bottom:3px !important;} .pb_5 {padding-bottom:5px !important;} .pb_7 {padding-bottom:7px !important;} .pb_10 {padding-bottom:10px !important;} .pb_15 {padding-bottom:15px !important;} .pb_20 {padding-bottom:20px !important;} .pb_25 {padding-bottom:25px !important;} .pb_30 {padding-bottom:30px !important;} .pb_35 {padding-bottom:35px !important;} .pb_40 {padding-bottom:40px !important;} .pb_45 {padding-bottom:45px !important;} .pb_50 {padding-bottom:50px !important;} .pb_55 {padding-bottom:55px !important;} .pb_60 {padding-bottom:60px !important;} .pb_65 {padding-bottom:65px !important;} .pb_70 {padding-bottom:70px !important;} .pb_100 {padding-bottom:100px !important;} .pb_140 {padding-bottom:140px !important;} .pr_0 {padding-right:0px !important;} .pr_3 {padding-right:3px !important;} .pr_5 {padding-right:5px !important;} .pr_7 {padding-right:7px !important;} .pr_10 {padding-right:10px !important;} .pr_15 {padding-right:15px !important;} .pr_20 {padding-right:20px !important;} .pr_25 {padding-right:25px !important;} .pr_30 {padding-right:30px !important;} .pr_35 {padding-right:35px !important;} .pr_100{padding-right:100px !important;} .pr_150 {padding-right:150px !important;} .pr_160 {padding-right:160px !important;} /*** input box 모음 ***/ input[type="text"]::-webkit-input-placeholder {color:#888;} input[type="text"]::-moz-placeholder {color:#888;} input[type="text"]:-ms-input-placeholder {color:#888;} input[type="text"]:-moz-placeholder {color:#888;} /* transform:translateY(-50%); transition:all .2s ease 0s; */ /*─────────────────────────────────────────────────────────── 전역 인풋 및 셀렉트박스 css ───────────────────────────────────────────────────────────*/ /* input */ input[type="text"], input[type="password"], input[type="number"], input[type="date"] {height:34px;line-height:34px;border:1px #d3d3d3 solid;color:#555;font-size:14px;text-indent:5px;padding:0;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;border-radius:0;font-family:'malgun gothic','돋움',Dotum,AppleGothic,sans-serif;outline:0;} input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { color:#555;} input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder { color:#555;} input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { color:#555;} input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder { color:#555;} button {outline:0;box-sizing:border-box;} select {outline:0;cursor:pointer;height:27px;line-height:25px;font-size:12px;color:#555;border:1px solid #d3d3d3;box-sizing:border-box;margin:0; padding:0 0 0 10px;vertical-align:middle;text-align:left;border-radius:0;font-family:'malgun gothic','돋움',Dotum,AppleGothic,sans-serif;} /*화살표 없애기 select {-webkit-appearance:none;-moz-appearance:none;appearance:none;} select::-ms-expand { display:none;} select option { line-height:28px;padding:5px 0;} select option:checked, select option:hover { line-height:25px;background:#e0e0e0;font-size:12px;color:#555;} select option:checked, select option:hover { line-height:25px;box-shadow:0 0 10px 100px #e0e0e0 inset;font-size:12px;color:#555;} */ .select_box_wrap {display:inline-block;height:30px;line-height:30px;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0;} .select_box_wrap .select_box_arrow {cursor:pointer;position:absolute;z-index:5;width:0px;height:0px;right:7px;top:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/img/icon_select_arrow.png) 0 0 no-repeat;*/ input[type="checkbox"] { display:none;} input[type="checkbox"] + label {cursor:pointer;} input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block;content:"";width:18px;height:18px;margin:-2px 5px 0 0;vertical-align:middle;background:url("/uploads/drh/ch/img/icon_chk.png") left top no-repeat;cursor:pointer;background-size:auto 100%;} input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url("/uploads/drh/ch/img/icon_chk_on.png") left top no-repeat;} input[type="radio"] { display:none;} input[type="radio"] + label {cursor:pointer;} input[type="radio"] + label:before, input[type="radio"] + label::before { display:inline-block;content:"";width:20px;height:20px;margin:-2px 5px 0 20px;vertical-align:middle;background:url(/uploads/drh/ch/img/icon_input_radio.png) left top no-repeat;cursor:pointer;} .radio_box input[type="radio"] + label:before, .radio_box input[type="radio"] + label::before {margin-left:40px;} input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url(/uploads/drh/ch/img/icon_input_radio_on.png) left top no-repeat;} input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;} textarea {font-size:12px;color:#666;border:1px solid #ddd;box-sizing:border-box;margin:0;padding:10px;vertical-align:middle;text-align:left;border-radius:0;outline:none;resize:none;} /*─────────────────────────────────────────────────────────── button 버튼 ───────────────────────────────────────────────────────────*/ /*─────────────────────────────────────────────────────────── 레이아웃 CSS ───────────────────────────────────────────────────────────*/ .w_layout {width:100%;box-sizing:border-box;max-width:1240px;padding:0;margin:0 auto;} .w_custom {width:1240px;margin:0 auto;padding-left:20px !important;padding-right:20px !important;box-sizing:border-box;} body {padding:0px;min-width:320px;} #wrap {overflow:hidden;min-width:1240px;} #content {/*padding:38px 0 0 0;*/} #content.test_body {background:#f6f7fb;} .fp-section{overflow:hidden;padding:0 0 0 0;box-sizing:border-box;} .fp-tableCell{padding:0px 0 0 0;} #section0 .fp-tableCell, #section7 .fp-tableCell{padding:0px;} /*─────────────────────────────────────────────────────────── header ───────────────────────────────────────────────────────────*/ .skip_nav {position:relative;z-index:9999;} .skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:700;white-space:nowrap;text-align:center;} .skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;} #header{position:fixed;left:0px;top:0px;width:100%;z-index:50;transition:0.4s;background:#fff;border-bottom: 1px solid #ddd;} #header .w_set{position:relative;height:102px;text-align:center;width:calc(100% - 160px);margin:0 auto;} #header .w_set .logo{position:absolute;left:0px;top:14px;width:132px;height:60px;background:url('/uploads/drh/ch/img/logo.png') no-repeat 0 0;} #header .w_set .logo a{display:block;height:100%;} #header .w_set .hd_lnb{margin-left: -20px;} #header .w_set .hd_lnb li.lnb_li {display:inline-block;vertical-align:middle;} #header .w_set .hd_lnb li.lnb_li + li.lnb_li {padding-left:3.3%;} #header .w_set .hd_lnb li.lnb_li > a{font-size:18px;color:#333333;line-height:102px;display:block;} #header .w_set .hd_lnb li.lnb_li > a span.sel{font-size:18px;color:#ff5d65;border-bottom: 2px solid #ff5d65;} #header .w_set .hd_lnb li.lnb_li .menu_li{transition:0.8s;position:absolute;left: -80px;top:100px;margin-top: 0px;min-height: inherit;width: calc(100% + 160px);background: #fff;height: auto;display:none;padding:23px 0 28px;border-bottom:2px solid #ff5e66;border-top:1px solid #ccc;} #header .w_set .hd_lnb li.lnb_li:hover a {color:#ff5d65} #header .w_set .hd_lnb li.lnb_li:hover .menu_li{display:none;} #header .w_set .hd_lnb li.lnb_li .menu_li .w_set{width:1100px;margin:0 auto;height: auto;text-align: left;} #header .w_set .hd_lnb li.lnb_li .menu_li .dep1{border-right:0px;top:0px;} #header .w_set .hd_lnb li.lnb_li .menu_li .dep2{overflow:hidden;} #header .w_set .hd_lnb li.lnb_li .menu_li .dep2 .dep2_li{position:relative;} #header .w_set .hd_lnb li.lnb_li .menu_li .dep2 .dep2_li:after{content:"";display:block;width:1px;height: 1000%;background: #ddd;left: -15px;top:0px;position: absolute;} #header .w_set .hd_gnb{position:Absolute;right:0px;top:35px;} #header .w_set .hd_gnb .lang{position:relative;} #header .w_set .hd_gnb .lang span{border:1px solid #b7b7b7;padding: 0 16px;line-height:32px;border-radius:32px;display:inline-block;font-size: 14px;color:#666666;background: url('/uploads/drh/ch/img/hd_lang_arw.png') no-repeat 81%;min-width: 35px;text-align: left;cursor:pointer;} #header .w_set .hd_gnb .lang.on span{border-radius: 17px 17px 0 0;} #header .w_set .hd_gnb .lang ul{position:absolute;top: 34px;left: 0;width: 97%;display:none;border:1px solid #b7b7b7;border-top:0px;border-radius: 0 0 17px 17px;padding: 5px 0;overflow: hidden;background: #fff;} #header .w_set .hd_gnb .lang.on ul{display:block;} #header .w_set .hd_gnb .lang ul li{display: block;} #header .w_set .hd_gnb .lang ul li + li{margin-left:0;} #header .w_set .hd_gnb .lang ul li a{color:#666;font-size:14px;line-height: 24px;display: block;text-align: left;padding-left: 16px;} #header .w_set .hd_gnb .gnb_li{padding:0 0 0 23px;} #header .w_set .hd_gnb .gnb_li li{display:inline-block;vertical-align:middle;} #header .w_set .hd_gnb .gnb_li li + li{margin-left:23px;} #header .w_set .hd_gnb .gnb_li li a{display:block;height:100%;z-index:5000;position:relative;} #header .w_set .hd_gnb .lang, #header .w_set .hd_gnb .gnb_li{display:inline-block;vertical-align:middle;} #header .w_set .hd_gnb a.h_login {display:inline-block;font-size:15px;color:#333;vertical-align: middle;} #header .w_set .hd_gnb .gnb_li li.hd_my{width:20px;height:20px;background:url('/uploads/drh/ch/img/hd_my.png') no-repeat 0 0;} #header .w_set .hd_gnb .gnb_li li.hd_logout{width:20px;height:20px;background:url('/uploads/drh/ch/img/hd_logout.png') no-repeat 0 0;} #header .w_set .hd_gnb .gnb_li li.hd_search{width:20px;height:20px;background:url('/uploads/drh/ch/img/hd_search.png') no-repeat 0 0;} #header .w_set .hd_gnb .gnb_li li.hd_menu{width:28px;height:19px;} /* hd_menu */ .menu-trigger, .menu-trigger2 {width:100%;height:38px;line-height:18px;padding:10px 0;box-sizing:border-box;margin:0;display:inline-block;position:relative;} .menu-trigger span, .menu-trigger2 span {transition:0.3s;position:absolute;right:0px;width:29px;height:3px;background-color:#222;border-radius:2px;} .menu-trigger, .menu-trigger span, .menu-trigger2, .menu-trigger2 span {display:inline-block;transition:all .4s;box-sizing:border-box;} .menu-trigger span:nth-of-type(1), .menu-trigger2 span:nth-of-type(1) {top:0;} .menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2) {top:8px;} .menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {top:16px;} .menu-trigger.active-1 .menu-trigger2.active-1 {} .menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform:translateY (8px) rotate (-45deg);transform:translateY(7px) rotate(-45deg);} .menu-trigger.active-1 span:nth-of-type(2), .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;} .menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-9px) rotate(45deg);} /* all_menu_wrap */ .all_menu_wrap{position: fixed;top: 0;right: 0px;z-index:990;background: #fff;width: 100%;height: 100%;display:none;padding-bottom:50px;} .all_menu_wrap .all_menu{overflow-y: scroll;height: calc(100% - 102px);} .all_menu_wrap .all_menu .w_set{width:1200px;margin:0 auto;} .all_menu_hd{background:#fff;position:relative;} .all_menu_hd .w_set{position:relative;height:102px;text-align:center;width:calc(100% - 160px);margin:0 auto;} .all_menu_hd .hd_gnb{position:Absolute;right:0px;top:35px;} .all_menu_hd .hd_gnb .lang{position:relative;} .all_menu_hd .hd_gnb .lang span{border:1px solid #b7b7b7;padding: 0 16px;line-height:32px;border-radius:32px;display:inline-block;font-size: 14px;color:#666666;background: url('/uploads/drh/ch/img/hd_lang_arw.png') no-repeat 81%;min-width: 35px;text-align: left;cursor:pointer;} .all_menu_hd .hd_gnb .lang.on span{border-radius: 17px 17px 0 0;} .all_menu_hd .hd_gnb .lang ul{position:absolute;top: 34px;left: 0;width: 97%;display:none;border:1px solid #b7b7b7;border-top:0px;border-radius: 0 0 17px 17px;padding: 5px 0;overflow: hidden;background: #fff;} .all_menu_hd .hd_gnb .lang.on ul{display:block;} .all_menu_hd .hd_gnb .lang ul li{background: #fff;display: block;} .all_menu_hd .hd_gnb .lang ul li + li{margin-left: 0;} .all_menu_hd .hd_gnb .lang ul li a{color:#666;font-size:14px;line-height: 24px;display: block;text-align: left;padding-left: 16px;} .all_menu_hd .hd_gnb .gnb_li{padding:0 0 0 23px;} .all_menu_hd .hd_gnb .gnb_li li{display:inline-block;vertical-align:middle;} .all_menu_hd .hd_gnb .gnb_li li + li{margin-left:23px;} .all_menu_hd .hd_gnb .gnb_li li a{display:block;height:100%;z-index:5000;position:relative;} .all_menu_hd .hd_gnb .lang, .all_menu_hd .hd_gnb .gnb_li{display:inline-block;vertical-align:middle;} .all_menu_hd .hd_gnb .gnb_li li.hd_my{width:20px;height:20px;background:url('/uploads/drh/ch/img/hd_my.png') no-repeat 0 0;} .all_menu_hd .hd_gnb .gnb_li li.hd_search{width:20px;height:20px;background:url('/uploads/drh/ch/img/hd_search.png') no-repeat 0 0;} .all_menu_hd .hd_gnb .gnb_li li.hd_menu{width:28px;height:19px;} .all_menu_wrap .mo_menuTitle {border-bottom:1px solid #eee;padding:10px 25px 14px;position:relative;margin:0;} .all_menu_wrap .mo_menuTitle .mo_logo, .all_menu_wrap .mo_menuTitle .btn_mMenuClose {vertical-align:top;} .all_menu_wrap .mo_menuTitle .mo_logo {display:inline-block;float:left;min-height:38px;width: 100px;} .all_menu_wrap .mo_menuTitle .mo_logo img {width:auto;height:38px !important;} .all_menu_wrap .mo_menuTitle .ct_lang{display:inline-block;position:relative;z-index:9999;cursor:pointer;} .all_menu_wrap .mo_menuTitle .ct_lang div{position:relative;} .all_menu_wrap .mo_menuTitle .ct_lang div span{/*font-size:12px;color:#666;line-height:38px;padding-right:25px;background: url('/uploads/drh/ch/img/ico_ct_lang.png') no-repeat 90%;background-size:auto 5px;*/ border:1px solid #b7b7b7;padding:0 14px;line-height:28px;border-radius:32px;display:inline-block;font-size: 12px;color:#666666;background: url('/uploads/drh/ch/img/hd_lang_arw.png') no-repeat 74%;background-size: auto 4px !important;background-position: 81% !important;min-width: 35px;text-align: left;cursor:pointer;} .all_menu_wrap .mo_menuTitle .ct_lang div.on span{border-radius: 17px 17px 0 0;} .all_menu_wrap .mo_menuTitle .ct_lang div ul{/*position:absolute;top: 30px;left: 0px;text-align: left;width: 100%;display:none;*/ position:absolute;top: 30px;left: 0;width: 97%;display:none;border:1px solid #b7b7b7;border-top:0px;border-radius: 0 0 17px 17px;padding: 5px 0;overflow: hidden;background: #fff;} .all_menu_wrap .mo_menuTitle .ct_lang div.on ul{display:block;} .all_menu_wrap .mo_menuTitle .ct_lang div ul li{} .all_menu_wrap .mo_menuTitle .ct_lang div ul li a{display: block;padding-left: 16px;line-height: 20px;} .all_menu_wrap .mo_menuTitle .ct_lang span.now{padding:0 16px;box-sizing:border-box;line-height:20px;color:#fe6f61;border:1px solid #fe6f61;border-radius: 2px;display:none !important;} .all_menu_wrap .mo_menuTitle .ct_lang div, .all_menu_wrap .mo_menuTitle .ct_lang span.now{display:inline-block;vertical-align:middle;} .all_menu_wrap .mo_menuTitle .btn_mMenuClose {width:36px;height:38px;position:absolute;top:22px;right:20px;} .all_menu_wrap .mo_menuTitle .menu-trigger span, .all_menu_wrap .mo_menuTitle .menu-trigger2 span{background-color:#333 !important;} .all_menu_wrap .ct_login{font-size:0px;width:calc(100% - 60px);overflow:hidden;padding:30px 0;margin:0 auto;} .all_menu_wrap .ct_login li{float:left;width:49%;height:42px;line-height:42px;box-sizing:border-box;border:1px solid #111111;text-align:center;} .all_menu_wrap .ct_login li + li{margin-left:2%;} .all_menu_wrap .ct_login li a{color:#111111;font-size:13px;} .all_menu_wrap .ct_login li.point{background:#d1b698;border:1px solid #d1b698;} .all_menu_wrap .ct_login li.point a{color:#ffffff;} .menu_li{position: relative;clear: both;margin-top: 30px;min-height: 60px;text-align: left;padding-top: 30px;} .menu_li:last-of-type{margin-bottom:100px;} .menu_li + .menu_li{border-top: 1px solid #ddd;} .menu_li .dep1{font-size:26px;color:#222222;line-height:26px;padding: 10px 0 17px 0;border-right:1px solid #dddddd;position: absolute;left: 0px;top:30px;height: calc(100% - 30px);box-sizing: border-box;width: 170px;letter-spacing: -0.5px;font-weight: 500;} .menu_li .dep1:after{content:"";display:inline-block;width:20px;height:2px;background:#ff5e66;position: absolute;left: 0;top: 52px;} .menu_li .dep_style {display:block;} .menu_li .dep_style a {font-size:26px;color:#222222;position: absolute;left: 0px;top:30px;box-sizing: border-box;letter-spacing: -0.5px;font-weight: 500;background: url(/uploads/drh/ch/img/ct_go.png) no-repeat 97% 25%;background-size: 10px auto;} .menu_li .dep_style a {display:block;width:100%;height:100%;vertical-align: middle;} .menu_li .dep_style a:after{content:"";display:inline-block;width:20px;height:2px;background:#ff5e66;position: absolute;left: 0;top: 52px;} .menu_li .dep1, .menu_li .dep2{display:inline-block;vertical-align: middle;min-height: 60px;} .menu_li .dep2{padding-left: 190px;width: calc(100% - 190px);} .menu_li .dep2 .dep2_li{width: 19%;box-sizing:border-box;vertical-align:top;display:inline-block;} .menu_li .dep2 .dep2_li + .dep2_li{} .menu_li .dep2 .dep2_li > a{font-size:16px;color:#222222;line-height:16px;display: block;margin: 0 0 14px 0;font-weight: 500;} .menu_li .dep2 .dep2_li > a:hover{color:#ff5e66;} .menu_li .dep2 .dep2_li .dep3{margin-bottom:16px;} .menu_li .dep2 .dep2_li .dep3 li{} .menu_li .dep2 .dep2_li .dep3 li + li{margin:10px 0 0 0;} .menu_li .dep2 .dep2_li .dep3 li a{font-size:14px !important;color:#888888;line-height:14px;padding-left: 0;} .menu_li .dep2 .dep2_li .dep3 li a:hover{color:#ff5e66;} .menu_li .dep2 .dep2_li .dep3 li a:before{content:"";display:inline-block;width:3px;height:2px;background:#ff5e66;border-radius:10px;vertical-align:middle;margin-right: 6px;} .menu_li.min_height .dep2 .dep2_li > a{line-height:60px;} .all_menu_wrap .aside_sns{font-size:0px;margin:30px 0 0 0;text-align:center;} .all_menu_wrap .aside_sns li{display:inline-block;vertical-align:middle;} .all_menu_wrap .aside_sns li + li{margin-left:5.5%;} .all_menu_wrap .aside_sns li a{display:block;} .all_menu_wrap .aside_sns li img{height:34px !important;} .all_menu_wrap .mo_menuTitle, .all_menu_wrap .ct_login, .all_menu_wrap .aside_sns{display:none;} /* aside*/ #aside {display:none;} .aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:15;position:fixed;} .aside_bg.on {opacity:1;} #aside {top:0px;right:-100%;width:100%;transition:0.8s;height:100%;z-index:51;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background:#fff;} #aside.on {right:0%;} #aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;} #aside .aside_box .aside_lnb {width:100%;max-width:100%;padding:0;max-height:100%;box-sizing:border-box;text-align:center;} #aside .aside_box .mo_menuTitle {border-bottom:1px solid #eee;padding:10px 25px 14px;position:relative;margin:0;} #aside .aside_box .mo_menuTitle .mo_logo, #aside .aside_box .mo_menuTitle .btn_mMenuClose {vertical-align:top;} #aside .aside_box .mo_menuTitle .mo_logo {display:inline-block;float:left;min-height:38px;} #aside .aside_box .mo_menuTitle .mo_logo img {width:auto;height:38px;} #aside .aside_box .mo_menuTitle .ct_lang{display:inline-block;position:relative;z-index:9999;cursor:pointer;} #aside .aside_box .mo_menuTitle .ct_lang div{position:relative;} #aside .aside_box .mo_menuTitle .ct_lang div span{font-size:12px;color:#666;line-height:38px;padding-right:25px;background: url('/uploads/drh/ch/img/ico_ct_lang.png') no-repeat 90%;background-size:auto 5px;} #aside .aside_box .mo_menuTitle .ct_lang div ul{position:absolute;top: 30px;left: 0px;text-align: left;width: 100%;display:none;} #aside .aside_box .mo_menuTitle .ct_lang div.on ul{display:block;} #aside .aside_box .mo_menuTitle .ct_lang div ul li{} #aside .aside_box .mo_menuTitle .ct_lang div ul li a{display: block;} #aside .aside_box .mo_menuTitle .ct_lang span.now{padding:0 16px;box-sizing:border-box;line-height:20px;color:#fe6f61;border:1px solid #fe6f61;border-radius: 2px;} #aside .aside_box .mo_menuTitle .ct_lang div, #aside .aside_box .mo_menuTitle .ct_lang span.now{display:inline-block;vertical-align:middle;} #aside .aside_box .mo_menuTitle .btn_mMenuClose {width:36px;height:38px;position:absolute;top:20px;right:20px;} #aside .aside_box .mo_menuTitle .menu-trigger span, #aside .aside_box .mo_menuTitle .menu-trigger2 span{background-color:#333 !important;} #aside .aside_box .ct_login{font-size:0px;width:calc(100% - 60px);overflow:hidden;padding:30px 0;margin:0 auto;} #aside .aside_box .ct_login li{float:left;width:49%;height:42px;line-height:42px;box-sizing:border-box;border:1px solid #111111;} #aside .aside_box .ct_login li + li{margin-left:2%;} #aside .aside_box .ct_login li a{color:#111111;font-size:13px;} #aside .aside_box .ct_login li.point{background:#d1b698;border:1px solid #d1b698;} #aside .aside_box .ct_login li.point a{color:#ffffff;} #aside ul.slidemenu {border-bottom:1px solid #ddd;}/*overflow:scroll;height:100%;*/ #aside ul.slidemenu > li {text-align:left;border-top:1px solid #dddddd;} #aside ul.slidemenu > li + li {border-top:1px solid #dddddd;} #aside ul.slidemenu > li.now > ul {display:block;} #aside ul.slidemenu > li > a {position:relative;display:block;} #aside ul.slidemenu > li > a span{width:100%;font-size:18px;color:#333333;font-weight:500;padding:25px 0 20px 25px;line-height:18px;background:url(/uploads/drh/ch/img/ct_off.png) no-repeat 94% 50%;background-size:15px auto;box-sizing:border-box;display:block;} #aside ul.slidemenu > li > a .menu_arr{display:none;} #aside ul.slidemenu > li > a.now {} #aside ul.slidemenu > li > a.now span{background:url(/uploads/drh/ch/img/ct_on.jpg) no-repeat 94% 50%;background-size:15px auto;color:#ff5d65;} #aside ul.slidemenu > li > a.now .menu_arr{background:#fff url("/uploads/drh/ch/img/da_image/side_arr_ov.gif") no-repeat 94% center;width:17px;height:17px;background-size:100% auto;} #aside ul.slidemenu > li > a.now > ul {display:block;} #aside ul.slidemenu > li > ul {background-color:#f9f9f9;padding:0 20px;border-top:0;display:none;border-top:1px solid #ddd;} #aside ul.slidemenu > li > ul > li {padding:0 15px;box-sizing:border-box;} #aside ul.slidemenu > li > ul > li + li {border-top:1px solid #ddd;} #aside ul.slidemenu > li > ul > li a {width:100%;font-size:15px;padding:22px 0;color:#666666;font-weight:400;display:inline-block;line-height:15px;} #aside ul.slidemenu > li > ul > li a:hover, #aside ul.slidemenu li dl dd a.on {font-weight:500;} #aside .aside_sns{font-size:0px;margin:30px 0 0 0;} #aside .aside_sns li{display:inline-block;vertical-align:middle;} #aside .aside_sns li + li{margin-left:5.5%;} #aside .aside_sns li a{display:block;} #aside .aside_sns li img{height:34px;} /* hd on */ #header.on{background:transparent;border-bottom:none;} #header.on .w_set .logo{background:url('/uploads/drh/ch/img/logo_on.png') no-repeat 0 0;} #header.on .w_set .hd_lnb li.lnb_li > a{color:#fff;} #header.on .w_set .hd_gnb .lang span{color:#fff;background: url('/uploads/drh/ch/img/hd_lang_arw_on.png') no-repeat 81%;} #header.on .w_set .hd_gnb .lang ul{background: transparent;} #header.on .w_set .hd_gnb .lang ul li a{color:#fff;} #header.on .w_set .hd_gnb .gnb_li li.hd_my{background:url('/uploads/drh/ch/img/hd_my_on.png') no-repeat 0 0;} #header.on .w_set .hd_gnb .gnb_li li.hd_search{background:url('/uploads/drh/ch/img/hd_search_on.png') no-repeat 0 0;} #header.on .w_set .hd_gnb .gnb_li li.hd_menu{} #header.on .menu-trigger span, .menu-trigger2 span {background-color:#fff;} #header.on .w_set .hd_gnb a.h_login {display:inline-block;font-size:15px;color:#fff;vertical-align: middle;} #header.on:hover{background:#fff;} #header.on:hover .w_set .logo{background:url('/uploads/drh/ch/img/logo.png') no-repeat 0 0;} #header.on:hover .w_set .hd_lnb li.lnb_li > a{color:#333;} #header.on:hover .w_set .hd_gnb .lang span{color:#333;background: url('/uploads/drh/ch/img/hd_lang_arw.png') no-repeat 81%;} #header.on:hover .w_set .hd_gnb .lang{} #header.on:hover .w_set .hd_gnb .lang ul{background:#fff;} #header.on:hover .w_set .hd_gnb .lang ul li a{color:#333;} #header.on:hover .w_set .hd_gnb a.h_login {display:inline-block;font-size:15px;color:#333;vertical-align: middle;} #header .w_set .hd_gnb .lang ul{position:absolute;top: 34px;left: 0;width: 97%;display:none;border:1px solid #b7b7b7;border-top:0px;border-radius: 0 0 17px 17px;padding: 5px 0;overflow: hidden;background: #fff;} #header .w_set .hd_gnb .lang ul li a{color:#666;font-size:14px;line-height: 24px;display: block;text-align: left;padding-left: 16px;} #header.on:hover .w_set .hd_gnb .gnb_li li.hd_my{background:url('/uploads/drh/ch/img/hd_my.png') no-repeat 0 0;} #header.on:hover .w_set .hd_gnb .gnb_li li.hd_search{background:url('/uploads/drh/ch/img/hd_search.png') no-repeat 0 0;} #header.on:hover .w_set .hd_gnb .gnb_li li.hd_menu{} #header.on:hover .menu-trigger span, #header.on:hover .menu-trigger2 span {background-color:#333;} /* 검색 레이어 */ .layer_search{position:Absolute;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.8);display:none;} .layer_search .layer_close{width:31px;height:31px;background:url('/uploads/drh/ch/img/layer_close.png') no-repeat 0 0;font-size:0px;display:block;position:absolute;top:50px;right:160px;} .layer_search div{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;} .layer_search div .search_input{width:650px;height:53px;padding-bottom:17px;box-sizing:border-box;border:none;border-bottom:2px solid #fff;background:transparent;line-height:36px;color:#efefef;font-size:26px;} .layer_search div .search_input::-webkit-input-placeholder, .layer_search div .search_input::-moz-placeholder, .layer_search div .search_input::-ms-input-placeholder, .layer_search div .search_input::-moz-placeholder, .layer_search div input::placeholder{color:#efefef;font-size:26px;} .layer_search div .search_enter{position:absolute;right:0px;bottom:17px;width:36px;height:36px;border:none;background:url('/uploads/drh/ch/img/layer_search.png') no-repeat 0 0;} /* 메인 비주얼 */ #section0{padding:0px;} .main_visual{position:relative;width:100%;height:100%;z-index:0;overflow:hidden;} .main_visual .slick-list, .main_visual .slick-list .slick-track, .main_visual ul, .main_visual ul li{height:100%;} .main_visual .img{width:100%;height:100%;background:url('/uploads/drh/ch/img/main_visual.jpg') no-repeat center;position:relative;-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:transform 3700ms ease-in-out;-moz-transition:transform 3700ms ease-in-out;-o-transition:transform 3700ms ease-in-out;-ms-transition:transform 3700ms ease-in-out;transition:transform 3700ms ease-in-out;background-size:auto 110%;} .main_visual .txt{position:absolute;left:42%;margin-left:-480px;top:50%;z-index:1;margin-top:-190px;opacity:0;filter:Alpha(opacity=0);-moz-transition:left 0.8s, opacity 1.0s;-ms-transition:left 0.8s, opacity 1.0s;-webkit-transition:left 0.8s, opacity 1.0s;-o-transition:left 0.8s, opacity 1.0s;transition:left 0.8s, opacity 1.0s;} .main_visual .txt span{display:block;font-size:26px;color:#efefef;line-height:26px;opacity:0.9;} .main_visual .txt p{font-size:60px;line-height:85px;color:#ffffff;margin:30px 0 0 0;font-weight:300;} .main_visual .txt p b{font-weight:500;font-size:80px;line-height:80px;} .main_visual .scroll{display:inline-block;position:absolute;left: 50%;bottom:50px;margin-left: -25px;} .main_visual .scroll a{display:block;font-size:14px;color:#ffffff;text-align:center;padding-top:90px;background:url('/uploads/drh/ch/img/ico_main_scroll.png') no-repeat center top;} /* active*/ .main_visual .active .img{-ms-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);} .main_visual .active .txt{left:50%;opacity:1.0;filter:Alpha(opacity=100);} /*─────────────────────────────────────────────────────────── main ───────────────────────────────────────────────────────────*/ /* service */ #section1{width:100%;height:100%;background:url('/uploads/drh/ch/img/main_service_bg.jpg') no-repeat center;background-size:auto 110%;} #section1:before, #section1:after{content:"";display:block;transition:0.7s;opacity:0.1;z-index:0;} #section1:before{width:704px;height:100%;background:url('/uploads/drh/ch/img/main_service_l.png') no-repeat left bottom;position:absolute;left:-10%;bottom:0px;} #section1:after{width:422px;height:100%;background:url('/uploads/drh/ch/img/main_service_r.png') no-repeat right top;position:absolute;right:-10%;top:0px;} .main_service{position:relative;z-index:0;bottom:-20%;transition:0.7s;opacity:0.1;z-index:0;} .main_com_tit{} .main_com_tit h3, .main_com_tit span{display:block;text-align:center;} .main_com_tit h3{font-size:80px;line-height:80px;color:#ffffff;} .main_com_tit span{font-size:22px;color:#ffffff;margin:40px 0 0 0;line-height:27px;font-weight:300;} .main_service ul{text-align:center;margin:114px 0 0 0;} .main_service ul li{display:inline-block;vertical-align:middle;text-align:center;} .main_service ul li + li{margin-left:5.2%;} .main_service ul li img{} .main_service ul li span{display:block;font-size:20px;margin:36px 0 0 0;color:#ffffff;} /* center */ .main_center{padding:70px 0 20px;position:relative;bottom:-100px;transition:0.7s;opacity:0.1;} .main_center .main_tit .tabs{} .main_center .main_tit .tabs li{display:inline-block;vertical-align:top;position:relative;font-size:40px;color:#888888;line-height:40px;cursor:pointer;} .main_center .main_tit .tabs li + li{margin-left:30px;padding-left:33px;} .main_center .main_tit .tabs li + li:after{content:"";display:block;width: 1px;height:30px;background:#888;position:absolute;left:0px;top:50%;margin-top:-15px;} .main_center .main_tit .tabs li.active{font-size:40px;color:#333333;line-height:40px;font-weight:400;} .main_center {text-align:center;} .main_center .center_top{width: 1300px;margin: 100px auto 90px;position:relative;text-align:left;height:1px;} .main_center .center_top .top_cont{/* position:absolute; *//* left:0; *//* top: 0; *//* z-index:50; */} .main_center .center_tab{width:600px;overflow:hidden;border:1px solid #cccccc;border-width:1px 1px 0 0;box-sizing:border-box;margin:50px 0 58px 0;font-size:0px;position: absolute;left: 50%;margin-left: -650px;top: -49px;z-index:50;} .main_center .center_tab .slick-track{width:100% !important;} .main_center .center_tab .slick-list, .main_center .center_tab .slick-track{transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;} .main_center .center_tab li{width:33.33% !important;height:48px;float:left;line-height:48px;font-size:16px;color:#666666;text-align:center;border:1px solid #cccccc;border-width:0 0 1px 1px;box-sizing:border-box;cursor:pointer;outline:none;background:#fff;margin:0px !important;padding:0px !important;} .main_center .center_tab li.slick-current{background:#ff5e66;color:#fff;} .main_center .tab_content{position:relative;} .main_center .center_slide{height:auto;} .main_center .center_slide .w_set{width:1300px;margin:0 auto;} .main_center .center_slide:after{content:"";display:block;clear:both;} .main_center .center_slide .txt, .main_center .center_slide .img{display:inline-block;vertical-align:middle;} .main_center .center_slide .txt{text-align:left;padding-top:154px;float:left;} .main_center .center_slide .txt h4, .main_center .center_slide .txt b, .main_center .center_slide .txt span{display:block;} .main_center .center_slide .txt h4{font-size:60px;color:#333333;line-height:60px;font-weight:500;} .main_center .center_slide .txt b{font-size:20px;color:#666666;line-height:20px;margin:50px 0 33px;} .main_center .center_slide .txt span{font-size:18px;color:#888888;line-height:28px;} .main_center .center_slide .img{float:right;width:50%;} .main_center .center_slide .slick-slide{outline:none;} .main_center .center_slide .slick-arrow{width:40px;height:40px;font-size:0px;border:none;position:absolute;bottom:10px;left:50%;z-index:10;margin-left:-650px;} .main_center .center_slide .slick-prev{background:url('/uploads/drh/ch/img/main_prev.png') no-repeat 0 0;} .main_center .center_slide .slick-next{background:url('/uploads/drh/ch/img/main_next.png') no-repeat 0 0;left:50%;margin-left:-600px;} /* notice */ #section3{background:url('/uploads/drh/ch/img/main_notice_bg.jpg') no-repeat center;background-size:auto 110%;} .main_notice{} .main_notice .main_tit{position:relative;top:-50px;transition:0.7s;opacity:0;} .main_notice .main_tit h3, .main_notice .main_tit span{color:#fff;font-weight:300;} .main_notice ul{text-align:center;max-width:1200px;margin:50px auto 0;} .main_notice ul li{width:33%;display:inline-block;vertical-align:middle;position:relative;opacity:0.1;} .main_notice ul li:nth-of-type(1){bottom:-150px;transition:0.7s;} .main_notice ul li:nth-of-type(2){bottom:-200px;transition:0.8s;} .main_notice ul li:nth-of-type(3){bottom:-250px;transition:0.9s;} .main_notice ul li + li{} .main_notice ul li a{text-align:center;display:block;} .main_notice ul li a img{} .main_notice ul li .txt{} .main_notice ul li .txt strong, .main_notice ul li .txt span{display:block;color:#fff;font-weight:300;} .main_notice ul li .txt strong{margin:37px 0 38px;font-size:24px;line-height:24px;font-weight:400;} .main_notice ul li .txt span{font-size:16px;line-height:30px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;/* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word;;} /* review */ #section4{background:url('/uploads/drh/ch/img/main_review_bg.jpg') no-repeat center top;background-size:auto 100%;} .main_review{position:relative;bottom:-100px;transition:0.7s;opacity:0;} .main_review .main_tit{text-align:center;} .main_review .main_tit h3, .main_review .main_tit span{display:block;font-weight:400;} .main_review .main_tit h3{font-size:40px;color:#333333;line-height:40px;} .main_review .main_tit span{font-size:20px;color:#333333;line-height:20px;margin:20px 0 40px 0;} .main_review .review_slider{background:#fff;padding:28px 14px;box-sizing:Border-box;width:1260px;margin:0 auto;} .main_review .review_slider .slick-slide{outline:none;} .main_review .review_slider img, .main_review .review_slider .txt{display:inline-block;vertical-align:middle;} .main_review .review_slider img{} .main_review .review_slider a{display:block;height:100%;outline:none;} .main_review .review_slider .txt{width:calc(40% - 50px);padding-left:50px;box-sizing:border-box;vertical-align:top;margin:30px 0 0 0;} .main_review .review_slider .txt strong{font-size:24px;line-height:34px;color:#666666;font-weight:400;} .main_review .review_slider .txt strong b{font-size:40px;color:#333333;line-height:40px;} .main_review .review_slider .txt span{display:block;margin:40px 0 0 0;font-size:16px;color:#888888;line-height:30px;font-weight:400;} .main_review .review_li{overflow:hidden;width:1260px;margin:0 auto;text-align:center;position:relative;z-index:1;} .main_review .review_li:after{content:"";display:block;width:100%;height:50%;background:#fff;position:absolute;top:0px;left:0px;z-index:-1;} .main_review .review_li ul{font-size:0px;} .main_review .review_li li{display:inline-block;vertical-align:middle;position:relative;} .main_review .review_li li + li{margin-left:45px;} .main_review .review_li li a{display:table;width:100%;} .main_review .review_li li a span{vertical-align:middle;text-align:center;position:absolute;left:50%;top:50%;width:100%;z-index:10;color:#fff;transform:translate(-50%, -50%);font-size:20px;} .main_review .review_slider .slick-arrow{width:40px;height:40px;font-size:0px;border:none;position:absolute;bottom:75px;right:425px;z-index:10;} .main_review .review_slider .slick-prev{background:url('/uploads/drh/ch/img/main_prev.png') no-repeat 0 0;} .main_review .review_slider .slick-next{background:url('/uploads/drh/ch/img/main_next.png') no-repeat 0 0;right:374px;} /* bnr */ .main_bnr{padding:100px 0 0 0;text-align: center;} .main_bnr:after{content:"";display:block;width:100%;height:50%;background:#f5f5f5;position:absolute;bottom:0px;left:0px;z-index:-1;} .main_bnr img{} .main_bnr p{font-size:70px;line-height:70px;color:#666666;font-weight:100;text-align:center;margin:0 0 15px 0;} .main_bnr p b{color:#ff4851;font-weight:500;} /* footer */ .footer{height:auto;} .ft_notice{width:1260px;margin:0 auto 78px;} .ft_notice .notice, .ft_notice .ft_go_bnr{display:inline-block;vertical-align:top;margin:60px 0 0 0;} .ft_notice .notice{width:52%;} .ft_notice .notice h4.tit{margin-top:-5px;margin-bottom:19px;position:relative;font-size:28px;color:#222222;line-height:28px;font-weight:500;} .ft_notice .notice h4.tit a{display:inline-block;position:absolute;right:0px;bottom:5px;width:24px;height:24px;background:url('/uploads/drh/ch/img/main_bbs_more.jpg') no-repeat 0 0;background-size:auto 100%;} .ft_notice .notice ul{font-size:0px;} .ft_notice .notice ul li{position:relative;padding-left:16px;} .ft_notice .notice ul li:after{content:"";width:95%;height:1px;background:#eeeeee;position:absolute;right:0px;bottom:0px;} .ft_notice .notice ul li + li{} .ft_notice .notice ul li:before{content:"";display:block;width:2px;height:2px;background:#666666;position:absolute;left:6px;top:22px;} .ft_notice .notice ul li a{line-height:43px;position:relative;display:block;height:43px;} .ft_notice .notice ul li a span{font-size:16px;line-height:43px;display:inline-block;} .ft_notice .notice ul li a .tit{color:#666666;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ft_notice .notice ul li a .date{position:Absolute;right:0px;top:0;color:#aaaaaa;} .ft_notice .ft_go_bnr{margin-left:3%;width:calc(100% - 56%);} .ft_notice .ft_go_bnr li{display:inline-block;width:48%;vertical-align:top;height:260px;position:relative;} .ft_notice .ft_go_bnr li.go01{background:#ff5d65;} .ft_notice .ft_go_bnr li.go02{background:#d3b093;margin-left:3.2%;} .ft_notice .ft_go_bnr li a{display:block;padding:37px 31px;box-sizing:border-box;color:rgba(255,255,255,0.8);font-size:14px;line-height:18px;height:100%;} .ft_notice .ft_go_bnr li a b{display:block;font-size:28px;line-height:28px;color:#ffffff;margin:0 0 18px 0;} .ft_notice .ft_go_bnr li a:after{content:"GO";display:block;font-size:18px;line-height:18px;right:18px;bottom:14px;color:#fff;position:absolute;font-family:'Noto Sans KR', sans-serif;} .ft_cs{border-top:2px solid #f5f5f5;box-sizing:border-box;} .ft_cs .w_set{width:1260px;margin:0 auto;padding:20px 0;box-sizing:Border-box;} .ft_cs .w_set dl{display:inline-block;vertical-align:middle;} .ft_cs .w_set dl dt, .ft_cs .w_set dl dd{display:inline-block;vertical-align:middle;line-height:40px;font-weight:400;font-size:15px;} .ft_cs .w_set dl dt{color:#666666;} .ft_cs .w_set dl dt img{margin-right:10px;} .ft_cs .w_set dl dd{color:#333333;padding-left:6px;} .ft_cs .w_set dl + dl{margin-left:5%;} .ft_menu{background:#3b3b3b;border-bottom:1px solid #4c4c4c;box-sizing:Border-box;height:51px;} .ft_menu .w_set{width:1260px;margin:0 auto;font-size:0px;position:relative;} .ft_menu .w_set .menu li{display:inline-block;vertical-align:middle;position:relative;} .ft_menu .w_set .menu li + li{padding-left:22px;margin-left:15px;} .ft_menu .w_set .menu li + li:before{content:"";display:block;width:2px;height:2px;background:#cacaca;position:absolute;left:0px;top:50%;margin-top:-1px;} .ft_menu .w_set .menu li a{line-height:51px;font-size:13px;color:#cacaca;} .ft_menu .w_set .ft_sns{position:absolute;right:0px;top:0px;height:51px;width:50%;text-align: right;} .ft_menu .w_set .ft_sns li{display:inline-block;vertical-align:middle;line-height: 51px;} .ft_menu .w_set .ft_sns li + li{margin-left: 2%;} .ft_menu .w_set .ft_sns li a{display: inline-block;height: 100%;} .ft_menu .w_set .ft_sns li a img{height: 30px;vertical-align: middle;} .ft_info{background:#333333;padding:13px 0 35px;} .ft_info address{font-size:0px;display:block;font-weight:400;} .ft_info address.for_pc{width:1260px;margin:0 auto;font-size:13px;color:#cacaca;line-height:28px;} .ft_info address.for_pc span{width:1px;height:14px;background:#b6b6b6;display:inline-block;vertical-align:middle;margin:0 4px 2px;} .ft_info address.for_m{display:none;} .ft_info .copy{font-size:13px;color:#cacaca;line-height:13px;margin:30px 0 0 0;} /* nav */ #fp-nav ul li, .fp-slidesNav ul li{height:34px !important;width: auto !important;text-align: left;text-align: left;} #fp-nav ul li:nth-of-type(n+8), .fp-slidesNav ul li:nth-of-type(n+8){display:none;} #fp-nav ul li a span, .fp-slidesNav ul li a span{background: #ccc !important;left: 19px !important;} #fp-nav.bg ul li a span, .fp-slidesNav.bg ul li a span{background:#eee !important;} #fp-nav ul li a, .fp-slidesNav ul li a {display:block;position:relative;z-index:50;width:100%;height:100%;cursor:pointer;text-decoration:none;box-sizing:border-box;position: absolute !important;} #fp-nav ul li a.active, .fp-slidesNav ul li a.active {/* border:2px solid #fff; */border-radius:100px;} #fp-nav ul li .fp-tooltip{font-size: 0 !important;color: #ccc !important;width:auto !important;left:68px !important;font-family: 'Lato', sans-serif !important;line-height:34px !important;top:0px !important;opacity: 1 !important;} #fp-nav ul li .active + .fp-tooltip{color:#333 !important;} #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {opacity:1;color:#333;} #fp-nav.bg ul li .active + .fp-tooltip{color:#fff !important;} #fp-nav.bg ul li:hover .fp-tooltip, #fp-nav.bg.fp-show-active a.active + .fp-tooltip {color:#fff;} #fp-nav ul li a:after {content:"";display:block;font-size: 14px !important;color: #ccc !important;width: 100px !important;left:68px !important;font-family: 'Lato', sans-serif !important;line-height:34px !important;top:0px !important;opacity: 1 !important;/* position: absolute; *//* right: 100%; */display: inline-block;padding-left: 70px;} #fp-nav.bg ul li a:after{color:#eee;} #fp-nav ul li:nth-of-type(1) a:after{content:"Main";display:block;} #fp-nav ul li:nth-of-type(2) a:after{content:"02";display:block;} #fp-nav ul li:nth-of-type(3) a:after{content:"03";display:block;} #fp-nav ul li:nth-of-type(4) a:after{content:"04";display:block;} #fp-nav ul li:nth-of-type(5) a:after{content:"05";display:block;} #fp-nav ul li:nth-of-type(6) a:after{content:"06";display:block;} #fp-nav ul li:nth-of-type(7) a:after{content:"07";display:block;} #fp-nav ul li:nth-of-type(8) a:after{content:"08";display:block;} /*active*/ #section1.fp-completely:before{left:0%;opacity:1;} #section1.fp-completely:after{right:0%;opacity:1;} #section1.fp-completely .main_service{bottom:0%;opacity:1;} #section2.fp-completely .main_center{bottom:0px;opacity:1;} #section3.fp-completely .main_notice .main_tit{top:0px;opacity:1;} #section3.fp-completely .main_notice ul li{bottom:0;opacity:1;} #section4.fp-completely .main_review{bottom:0px;opacity:1;} #fp-nav ul li a.active:before, .fp-slidesNav ul li a.active:before{content:"";display:block;width: 34px;height: 34px;border:2px solid #333;border-radius:100px;position: absolute;left: 0px;top: 0px;} #fp-nav.bg ul li a.active:before, .fp-slidesNav.bg ul li a.active:before{border:2px solid #fff;} #fp-nav ul li a.active:after, .fp-slidesNav ul li a.active:after{color:#333 !important;} #fp-nav.bg ul li a.active:after, .fp-slidesNav.bg ul li a.active:after{color:#fff !important;} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width:4px !important;height:4px !important;background:#333 !important;border-radius:100px;margin: 0px 0px 0px -2px !important;left: 19px !important;} #fp-nav.bg ul li a.active span, .fp-slidesNav.bg ul li a.active span, #fp-nav.bg ul li:hover a.active span, .fp-slidesNav.bg ul li:hover a.active span{background:#fff !important;} @media only screen and (max-width:1800px) { .main_center .center_slide .img{padding-top:4%;} } @media only screen and (max-width:1500px) { #header .w_set{width:calc(100% - 50px);} #header .w_set .hd_lnb {margin-left: -120px;} #header .w_set .hd_lnb li.lnb_li + li.lnb_li{padding-left:2.2%;} #header .w_set .hd_lnb li a{font-size:16px;} #section1:before, #section1:after{background-size:auto 70% !important;} #section1:before{width:400px;} #section1:after{width:300px;} .main_center{padding:20px 0;} .main_center .center_top{width:100%;height:auto;margin:50px auto 0;} .main_center .center_top .top_cont{position:static;} .main_center .main_tit{text-align:center;} .main_center .center_tab{margin:40px auto 50px;position:static;} .main_center .center_slide .txt{padding-top:0px;padding-bottom:80px;} .main_center .center_slide .img{padding-top:0;} .main_center .center_slide .slick-slide{padding:0 20px;box-sizing:Border-box;} } @media only screen and (max-width:1400px) { .main_visual .txt{text-align:center;margin-left:0px;margin-top:0px;transform:translate(-50%, -50%);width:100%;} .main_center .center_slide .w_set{width:100%;} .main_center .center_slide .slick-arrow{left:20px;margin-left:0px !important;} .main_center .center_slide .slick-next{left:70px;} /* active */ .main_visual .active .txt{opacity:1.0;filter:Alpha(opacity=100);} } @media only screen and (max-width:1300px) { .main_center .main_tit .tabs li{font-size:30px;line-height:30px;} .main_center .main_tit .tabs li + li{padding-left:20px;margin-left:22px;} .main_center .main_tit .tabs li + li:after{height:20px;margin-top:-10px;} .main_center .main_tit .tabs li.active{font-size:30px;line-height:30px;} .main_review .review_slider{width:100%;padding:15px 20px 20px;} .main_review .review_slider img{width:calc(50%);} .main_review .review_slider .txt{width:calc(50% - 3%);padding-left:3%;margin:0 0 0 0;vertical-align:middle;} .main_review .review_slider .txt strong{font-size:22px;line-height:30px;} .main_review .review_slider .txt strong b{font-size:35px;line-height:35px;} .main_review .review_slider .txt span{margin:30px 30px 0 0;font-size:14px;line-height:25px;word-break:keep-all;} .main_review .review_slider .txt span br{display:none;} .main_review .review_slider .slick-arrow{width:35px;height:35px;background-size:auto 100%;right:calc(30% + 45px);} .main_review .review_slider .slick-next{right:30%;} .main_review .review_li{width:calc(100% - 40px);} .main_review .review_li li{width:31.6%;} .main_review .review_li li + li{margin-left:2.2%;} .main_review .review_li img{width:100%;} .main_review .review_li li a span{font-size:18px;} .ft_info address.for_pc{width:100%;padding:0 20px;box-sizing:border-box;word-break:keep-all;} } @media only screen and (max-width:1200px) { .fp-section{padding:30px 0 0 0;} #header .w_set{width:calc(100% - 50px);height:68px;} #header .w_set .logo{width: 100px;height:40px;background-size: auto 100% !important;} #header .w_set .hd_gnb{top:20px;} #header .w_set .hd_lnb {display:none;} #header .w_set .hd_gnb .lang span{font-size: 12px;line-height: 28px;padding: 0 14px;background-size: auto 4px !important;background-position: 74% !important;} #header .w_set .hd_gnb .lang ul{top:30px;} #header .w_set .hd_gnb .lang ul li a{font-size:12px;line-height:20px;} #header .w_set .hd_gnb .gnb_li{padding:0 0 0 15px;} #header .w_set .hd_gnb .gnb_li li{background-size:auto 100% !important;} #header .w_set .hd_gnb .gnb_li li + li{margin-left:18px;} #header .w_set .hd_gnb .gnb_li li.hd_my{width:17px;height:17px;} #header .w_set .hd_gnb .gnb_li li.hd_search{width:17px;height:17px;} #header .w_set .hd_gnb .gnb_li li.hd_menu{width:25px;} .menu-trigger span, .menu-trigger2 span{width:25px;height:2px;} .main_visual .scroll{margin-left: -25px;} .main_visual .scroll a{font-size:12px;padding-top:70px;background:url('/uploads/drh/ch/img/ico_main_scroll.png') no-repeat center top;background-size:50% auto;} .all_menu_wrap{top:0px;} .all_menu_wrap .all_menu .w_set{width:100%;padding:0 20px;margin-top:-1px;box-sizing: border-box;} .all_menu_hd .w_set{width:calc(100% - 50px);height:80px;} .all_menu_hd .w_set .logo{width: 100px;height:40px;background-size: auto 100% !important;} .all_menu_hd .w_set .hd_gnb{top:20px;} .all_menu_hd .w_set .hd_lnb {display:none;} .all_menu_hd .w_set .hd_gnb .lang span{font-size: 12px;line-height: 28px;padding: 0 14px;background-size: auto 4px !important;background-position: 74% !important;} .all_menu_hd .w_set .hd_gnb .lang ul{top:30px;} .all_menu_hd .w_set .hd_gnb .lang ul li {display:block;margin-left:0 !important;} .all_menu_hd .w_set .hd_gnb .lang ul li a{font-size:12px;line-height:20px;} .all_menu_hd .w_set .hd_gnb .gnb_li{padding:0 0 0 15px;} .all_menu_hd .w_set .hd_gnb .gnb_li li{background-size:auto 100% !important;} .all_menu_hd .w_set .hd_gnb .gnb_li li + li{margin-left:18px;} .all_menu_hd .w_set .hd_gnb .gnb_li li.hd_my{width:17px;height:17px;} .all_menu_hd .w_set .hd_gnb .gnb_li li.hd_search{width:17px;height:17px;} .all_menu_hd .w_set .hd_gnb .gnb_li li.hd_menu{width:25px;} .menu_li .dep1{font-size:20px;line-height:20px;top:20px;} .menu_li .dep2 .dep2_li .dep3 li a{font-size:13px;} .layer_search .layer_close{right:5%;} .main_visual .img{background-position:80%;} .main_com_tit h3{font-size:60px;line-height:60px} .main_com_tit span{font-size:18px;margin:30px 0 0 0;line-height:22px;} .main_service ul{text-align:center;margin:90px 0 0 0;} .main_service ul li{display:inline-block;vertical-align:middle;text-align:center;} .main_service ul li + li{margin-left:5.2%;} .main_service ul li img{height:60px} .main_service ul li span{display:block;font-size:18px;margin:30px 0 0 0;color:#ffffff;} .main_center .center_tab li{height:40px;line-height:40px;font-size:14px;} .main_center .center_slide .txt h4{font-size:40px;line-height:40px;} .main_center .center_slide .txt b{font-size:16px;line-height:16px;margin:30px 0 20px;} .main_center .center_slide .txt span{font-size:14px;line-height:22px;} .main_notice ul li .txt strong{margin:30px 0 30px;font-size:20px;line-height:20px;} .main_notice ul li .txt span{font-size:14px;line-height:18px;height:36px;} .main_review .review_slider .slick-arrow{display:none !important;} .main_bnr{padding:0px;} .main_bnr p{font-size:50px;line-height:50px;padding:0 20px;box-sizing:border-box;word-break:keep-all;} .footer .w_set{width:100%;padding:0 20px;box-sizing:border-box;margin:0px;} .ft_menu .w_set .ft_sns{right:20px;} .ft_menu .w_set .ft_sns li + li{margin-left:3%;} .ft_menu .w_set .ft_sns li a img{height:27px !important;} .footer .ft_notice{margin:0 0 15px 0;} .ft_notice .notice{width:50%;} .ft_notice .notice h4.tit{font-size:26px;line-height:26px;margin-bottom:19px;} .ft_notice .notice h4.tit a{width:22px;height:22px;} .ft_notice .notice ul li a{line-height:40px;height:40px;} .ft_notice .notice ul li a span{font-size:14px;line-height:40px;} .ft_notice .ft_go_bnr{width:calc(100% - 54%);} .ft_notice .ft_go_bnr li{height:240px} .footer .ft_cs .w_set{padding:20px;} .ft_cs{border-top:0px;} .ft_cs .w_set dl + dl{margin-left:4%;} .ft_cs .w_set dl dt, .ft_cs .w_set dl dd{font-size:13px;line-height:35px;} .ft_cs .w_set dl dt img{height:35px;} .ft_menu .w_set .menu li + li{margin-left:13px;padding-left:20px;} .ft_menu .w_set .menu li a{line-height:48px;} #fp-nav{display:none !important;} } @media only screen and (max-width:1023px) { .menu_li .dep2 .dep2_li{width:33%;} .main_visual .txt span{font-size:24px;line-height:24px;} .main_visual .txt p{font-size:50px;line-height:75px;margin:20px 0 0 0;} .main_visual .txt p b{font-size:70px;line-height:70px;} .ft_cs .w_set dl{width:100%;padding:18px 0;border-bottom:1px solid #dddddd;box-sizing:border-box;} .ft_cs .w_set dl:nth-of-type(1){border-top:1px solid #dddddd;} .ft_cs .w_set dl + dl{margin-left:0;} } @media only screen and (max-width:950px) { .main_center .center_tab{margin:20px auto 30px;} .main_center .center_slide .txt, .main_center .center_slide .img{float:inherit !important;width:100% !important;} .main_center .center_slide .img{height:auto;overflow:hidden;position:relative;right:0;margin:20px 0 0;} .main_center .center_slide .img img{} .main_center .center_slide .txt{padding:20px 0 0 10px;} .main_center .center_slide .slick-arrow{display:none !important;} .main_center .center_slide .txt span{word-break:keep-all;width:80%;} .main_center .center_slide .txt span br{display:none;} .main_bnr p{font-size:30px;line-height:50px;padding:0 20px;box-sizing:border-box;word-break:keep-all;} .main_bnr img + img{display:none;} .ft_notice .notice, .ft_notice .ft_go_bnr{width:100%;margin-left:0px;} .ft_notice .ft_go_bnr li{width:48.8%;} .ft_notice .ft_go_bnr li.go02{margin-left:2%;} } @media only screen and (max-width:860px) { .main_visual .txt span{font-size:18px;line-height:18px;} .main_visual .txt p{font-size:40px;line-height:65px;margin:10px 0 0 0;} .main_visual .txt p b{font-size:50px;line-height:50px;} .main_notice ul li{padding:0 10px;box-sizing:border-box;} .main_review .review_slider .txt strong{font-size:20px;line-height:28px;} .main_review .review_slider .txt strong b{font-size:30px;line-height:30px;} .main_review .review_slider .txt span{margin:15px 20px 0 0;font-size:13px;line-height:22px;word-break:keep-all;} .main_review .review_li li a span{font-size:16px;} } @media only screen and (max-width:767px) { /* 검색 레이어 */ .layer_search{position:Absolute;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.8);display:none;} .layer_search .layer_close{width:31px;height:31px;background:url('/uploads/drh/ch/img/layer_close.png') no-repeat 0 0;font-size:0px;display:block;position:absolute;top:20px;right:60px;} .layer_search div{position:absolute;transform:translate(-50%, -50%);left:50%;top:20%;} .layer_search div .search_input{width:320px;height:53px;padding-bottom:17px;box-sizing:border-box;border:none;border-bottom:2px solid #fff;background:transparent;line-height:36px;color:#efefef;font-size:26px;} .layer_search div .search_input::-webkit-input-placeholder, .layer_search div .search_input::-moz-placeholder, .layer_search div .search_input::-ms-input-placeholder, .layer_search div .search_input::-moz-placeholder, .layer_search div input::placeholder{color:#efefef;font-size:26px;} .layer_search div .search_enter{position:absolute;right:0px;bottom:17px;width:36px;height:36px;border:none;background:url('/uploads/drh/ch/img/layer_search.png') no-repeat 0 0;} .ft_menu .w_set .menu li + li{margin-left: 6px;padding-left: 7px;} } @media only screen and (max-width:640px) { body{overflow-x:hidden;} #header .w_set .hd_gnb .lang, #header .w_set .hd_gnb .gnb_li li.hd_search, #header .w_set .hd_gnb .gnb_li li.lang {/*display:none;*/} #header.on .w_set .hd_gnb a.h_login, #header.on:hover .w_set .hd_gnb a.h_login, #header .w_set .hd_gnb .gnb_li li.hd_my, #header .w_set .hd_gnb a.h_login, #header .w_set .hd_gnb .gnb_li li.lang {display:none;} #header{} #header:after{content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,0.1);} #header .w_set{height:68px;width:calc(100% - 50px);} #header .w_set .logo{width:100px;height:38px;background-size:auto 100% !important;top:10px;} #header .w_set .hd_gnb{top:25px;} #header .w_set .hd_gnb .gnb_li{padding:0px;} #header.on .w_set .hd_gnb .gnb_li li.hd_menu{width:26px;height: 18px;background-size:auto 100%;} .scroll{display:none !important;} .section{position:relative;padding:100px 0;width:100%;overflow:hidden;} #section0{height:600px;} #section1{} #section2{ padding: 0 0 50px; } #section3{} #section4{} #section5{padding: 50px 0 0;background: #fff;} #section6{padding:0px;} #section7{height:0px;padding:0px;} .menu_li .dep2 .dep2_li{width:49%;} .all_menu_hd{display:none;} .all_menu_wrap{display:block;right:-100%;transition:0.8s;height:100%;overflow-y:scroll;} .all_menu_wrap .mo_menuTitle, .all_menu_wrap .ct_login, .all_menu_wrap .aside_sns{display:block;} .all_menu_wrap .aside_sns{margin:0 0 50px 0;} .all_menu_wrap .mo_menuTitle .ct_lang{float:right;margin-right:38px;padding-top: 6px;} .all_menu_wrap .all_menu{height:auto;overflow:hidden;} .all_menu_wrap .all_menu .w_set{} .all_menu .w_set {border-bottom:0;padding:0px;} .all_menu .w_set > .menu_li {margin-top:0px;padding-top:0px;text-align:left;border-top:1px solid #dddddd;min-height: inherit;} .all_menu .w_set > .menu_li + li {border-top:1px solid #dddddd;} .all_menu .w_set > .menu_li.now > ul {display:block;width: 100%;background: #f9f9f9;padding: 0 20px;box-sizing: border-box;} .all_menu .w_set > .menu_li > .dep1{position:static;width:100%;font-size:18px;color:#333333;font-weight:500;padding:25px 0 20px 25px;line-height:18px;background:url(/uploads/drh/ch/img/ct_off.png) no-repeat 94% 50%;background-size:15px auto;box-sizing:border-box;display:block;min-height: inherit;height: auto;border: none !important;cursor: pointer;} .all_menu .w_set > .menu_li > .dep1:after{display: none;} .all_menu .w_set > .menu_li > .dep_style a{position:static;width:100%;font-size:18px;color:#333333;font-weight:500;padding:25px 0 20px 25px;line-height:18px;background:url(/uploads/drh/ch/img/ct_go.png) no-repeat 94% 50%;background-size:8px auto;box-sizing:border-box;display:block;min-height: inherit;height: auto;border: none !important;cursor: pointer;} .all_menu .w_set > .menu_li > .dep_style a:after{display:none;} .all_menu .w_set > .menu_li.now > {} .all_menu .w_set > .menu_li.now > span{background:url(/uploads/drh/ch/img/ct_on.jpg) no-repeat 94% 50%;background-size:15px auto;color:#ff5d65;} .all_menu .w_set > .menu_li.now> a > ul {display:block;} .all_menu .w_set > .menu_li > ul {background-color:#f9f9f9;padding:0 20px;border-top:0;display:none;border-top:1px solid #ddd;} .all_menu .w_set > .menu_li > ul > li {padding: 0 15px;box-sizing:border-box;width: 100%;} .all_menu .w_set > .menu_li > ul > li + li {border-top:1px solid #ddd;} .all_menu .w_set > .menu_li > ul > li a {font-size:15px;padding: 22px 0;color:#666666;font-weight:400;display:block;line-height:15px !important;margin: 0;} .all_menu .w_set > .menu_li > ul > li ul{border-top: 1px solid #ddd;margin-bottom: 0px !important;padding: 10px 0 10px 10px;display:none;} .all_menu .w_set > .menu_li > ul > li ul li{} .all_menu .w_set > .menu_li > ul > li ul li + li{margin: 0px !important;} .all_menu .w_set > .menu_li > ul > li ul li a{padding: 10px 0;} .all_menu .w_set > .menu_li > ul > li ul li a:before{display: none !important;} .all_menu .w_set > .menu_li > ul > li a:hover, .all_menu .w_set li dl dd a.on {font-weight:500;} .main_visual .txt span{font-size:15px;line-height:15px;} .main_visual .txt p{font-size:36px;line-height:46px;margin:10px 0 0 0;} .main_visual .txt p b{font-size:46px;line-height:46px;} .main_visual .img{background-position:80%;} .main_com_tit h3{font-size:35px;line-height:35px;font-weight:400;} .main_com_tit span{font-size:15px;margin:18px 0 0 0;line-height:18px;} .main_service ul{text-align:center;margin:90px 0 0 0;} .main_service ul li{display:inline-block;vertical-align:middle;text-align:center;width:31%;} .main_service ul li + li{margin-left:0%;} .main_service ul li:nth-of-type(n+4){margin-top:42px;} .main_service ul li img{height:60px} .main_service ul li span{display:block;font-size:14px;margin:12px 0 0 0;color:#ffffff;} .main_center .main_tit h3{font-size:24px;line-height:24px;} .main_center .main_tit span{font-size:24px;line-height:24px;} .main_center .main_tit span:after{height:15px;margin-top:-7px;} .main_center .center_tab{width:calc(100% - 20px);box-sizing:border-box;font-size:0px;} .main_center .center_tab li{line-height:35px;height:35px;} .main_center .center_slide .txt h4{font-size:32px;} .main_center .center_slide .txt b{font-size:16px;margin:25px 0 20px;} .main_center .center_slide .txt span{font-size:14px;} .main_notice ul{margin:30px auto 0;} .main_notice ul li{width:100%;} .main_notice ul li a img{width:80px;} .main_notice ul li .txt strong{margin:15px 0 20px;font-size:16px;line-height:16px;} .main_notice ul li .txt span{display:none;} .main_review .review_slider{width:100%;padding:15px 20px 20px;} .main_review .review_slider img{width:calc(100%);} .main_review .review_slider .txt{width:calc(100%);padding-left:0;margin:15px 0 0 0;vertical-align:middle;} .main_review .review_slider .txt br{display:none;} .main_review .review_slider .txt strong{font-size:15px;line-height:15px;} .main_review .review_slider .txt strong b{font-size:15px;line-height:15px;} .main_review .review_slider .txt span{margin:10px 20px 0 0;font-size:12px;line-height:20px;word-break:keep-all;} .main_review .review_li{width:100%;padding:0 0 0 20px;box-sizing:border-box;} .main_review .review_li li{outline:none;} .main_review .review_li li + li{margin-left:23px;} .main_review .review_li li a span{font-size:14px;} .footer{padding:100px 0 0;} .ft_notice .notice, .ft_notice .ft_go_bnr{margin:0px;} .footer .ft_notice{margin:0 0 15px 0;} .ft_notice .ft_go_bnr li{width:47%;} .ft_notice .ft_go_bnr li.go02{margin-left:5%;} .ft_notice .notice{width:100%;} .ft_notice .notice h4.tit{font-size:20px;line-height:20px;margin-bottom:15px;margin-top:0px;} .ft_notice .notice h4.tit a{width:15px;height:15px;bottom:0px;} .ft_notice .notice ul li:before{top:12px;} .ft_notice .notice ul li a{line-height:29px;height:29px;} .ft_notice .notice ul li a span{font-size:13px;line-height:29px;} .ft_notice .ft_go_bnr{width:100%;margin:15px 0 0 0;} .ft_notice .ft_go_bnr li{height:auto;padding-bottom:15%;} .ft_notice .ft_go_bnr li a{padding:24px 15px;font-size:12px;line-height:15px;} .ft_notice .ft_go_bnr li a b{font-size:20px;line-height:20px;} .ft_cs .w_set dl{padding:22px 0 22px 48px;} .ft_cs .w_set dl dt, .ft_cs .w_set dl dd{display:block;} .ft_cs .w_set dl dt{font-size:14px;line-height:14px;background-size:auto 100%;} .ft_cs .w_set dl dt img{display:none;} .ft_cs .w_set dl dd{font-size:13px;line-height:13px;margin:5px 0 0 0;padding-left:0px;} .ft_cs .w_set dl:nth-of-type(1){background:url('/uploads/drh/ch/img/main_cs_ico01.png') no-repeat left;} .ft_cs .w_set dl:nth-of-type(2){background:url('/uploads/drh/ch/img/main_cs_ico02.png') no-repeat left;} .ft_cs .w_set dl:nth-of-type(3){background:url('/uploads/drh/ch/img/main_cs_ico03.png') no-repeat left;} .ft_menu{height:auto;} .ft_menu .w_set{text-align:center;padding:0 10px;} .ft_menu .w_set .menu li + li{margin-left:5px;padding-left:6px;} .ft_menu .w_set .menu li a{line-height:50px;font-size:12px;} .ft_menu .w_set .ft_sns{position:static;width:100%;text-align:center;margin-top:-3%;} .ft_menu .w_set .ft_sns li + li{margin-left:7%;} .ft_menu .w_set .ft_sns li img{height:30px;} .ft_info address.for_pc{display:none;} .ft_info address.for_m{display:block;font-size:14px;padding:15px 20px 0;box-sizing:border-box;line-height:20px;color:#cacaca;} } @media only screen and (max-width:479px) { }