/************************************************************************************************************************************************ * SUPPORT - *************************************************************************************************************************************************/ /* map marker */ .labelHouse {font-size:20px;width:46px;margin-left:-14px !important;} .label_wrap.house {width:28px;height:34px;} .label_wrap.house a {display:block;text-indent:-9999px;background:url("/frontend/assets/images/icons/agent_list_icon_marker.png") 0 0 no-repeat;} .label_wrap.house a:hover {background:url("/frontend/assets/images/icons/agent_list_icon_marker.png") 0 0 no-repeat;} .labelHouse.on a {background:url("/frontend/assets/images/icons/agent_list_icon_marker.png") 0 0 no-repeat;} .pac-container {display:none !important;} #pac-search {text-indent:30px;} /* support*/ .agent.section_header .section_inner ul li.head .dec {min-width:270px} .agent_cont .agent_head .srh input {text-indent:30px;} .labelHouse {font-size:20px;width: 100px;margin-left:-50px !important;margin-top:-25px !important;} .labelHouse ul {width:100px;text-align:center;} .labelHouse ul li {float:none !important;display:inline-block;} .agent_map .utils {width:235px;} .floatsNone {text-align:center;} .floatsNone li {float:none !important;} /* map tooltip*/ .windowMarker {} .window_wrap {width:230px;--height:60px;background-color:#fff;overflow:hidden;} .window_wrap .window_con {position:relative;} .window_wrap .name {margin-bottom:20px;} .gm-style-iw {top:11px !important;left:11px !important;} .agent_tab {position:relative;margin-bottom:50px;} .agent_tab ul {display:inline-block;} .agent_tab ul li {float:left;margin-left:5px;width:150px;height:43px;line-height:40px;text-align:center;border-bottom:5px solid #e5e5e5;} .agent_tab ul li.st1 {background:url(/frontend/assets/images/icons/support_01_tab_blit_01_out.png) 6px 0 no-repeat;} .agent_tab ul li.st2 {background:url(/frontend/assets/images/icons/support_01_tab_blit_02_out.png) 6px 0 no-repeat;} .agent_tab ul li.st3 {background:url(/frontend/assets/images/icons/support_01_tab_blit_03_out.png) 6px 0 no-repeat;} .agent_tab ul li.on.st1 {background:url(/frontend/assets/images/icons/support_01_tab_blit_01_ov.png) 6px 0 no-repeat;} .agent_tab ul li.on.st2 {background:url(/frontend/assets/images/icons/support_01_tab_blit_02_ov.png) 6px 0 no-repeat;} .agent_tab ul li.on.st3 {background:url(/frontend/assets/images/icons/support_01_tab_blit_03_ov.png) 6px 0 no-repeat;} .agent_tab ul li.st1:hover {background:url(/frontend/assets/images/icons/support_01_tab_blit_01_ov.png) 6px 0 no-repeat;} .agent_tab ul li.st2:hover {background:url(/frontend/assets/images/icons/support_01_tab_blit_02_ov.png) 6px 0 no-repeat;} .agent_tab ul li.st3:hover {background:url(/frontend/assets/images/icons/support_01_tab_blit_03_ov.png) 6px 0 no-repeat;} .agent_tab ul li a {display:block;color:#e5e5e5;} .agent_tab ul li.on {border-bottom:5px solid #ffba26;} .agent_tab ul li.on a {color:#ffba26;display:block;width:100%;height:100%;} .agent_tab ul li:hover {border-bottom:5px solid #ffba26;} .agent_tab ul li:hover a {color:#ffba26;} .agent_tab ul:after {content:"";display:block;clear:both;} .agent_cont {position:relative;padding-top:96px;} .agent_cont .agent_head {position:absolute;top:0px;left:0px;width:100%;--height:56px;z-index:1} .agent_cont .agent_head ul {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .agent_cont .agent_head ul li {position:relative;float:left;margin-right:40px;line-height:56px;} .agent_cont .agent_head ul li label {padding-left:30px;font-size:12px;font-weight:700;} .agent_cont .agent_head ul li.btn {} .agent_cont .agent_head ul li.btn a {display:inline-block;font-weight:700;margin-right:0px;width:68px;height:28px;font-size:13px;line-height:30px;border:1px solid #cccccc;color:#333333;text-align:center;} .agent_cont .agent_head ul li.btn a:hover {color:#fe7700;border:1px solid #fe7700;} .agent_cont .agent_head ul li.last {float:right;border-left:1px solid #e5e5e5;} .agent_cont .agent_head .srh {color:#7b7a7a;} .agent_cont .agent_head .srh {width:367px;height:56px;} .agent_cont .agent_head .srh input {border:0px;position:absolute;left:0px;top:0px;width:363px;height:54px;} .agent_cont .agent_head .srh label {position:absolute;width:363px;} .agent_cont .agent_head .srh input[type=button] {cursor:pointer;left:inherit;right:0px;width:38px;height:56px;background:url(/frontend/assets/images/icons/srh_bg_agent.png) center center no-repeat;} .agent_cont .agent_head ul:after {content:"";display:block;clear:both;} .agent_cont .agent_head ul li.item2 br {display:none;} .agent_map {position:relative;overflow:hidden;margin-right:426px;height:583px;} .agent_map #map {height:100%;} .agent_map .utils {position:absolute;right:20px;top:20px;z-index:10;--background:url(/frontend/assets/images/icons/agent_list_icon_utils.png) 0 0 no-repeat;;width:172px;height:183px;} .agent_map .utils img {width:100%;} .agent_list {position:absolute;right:0px;top:0px;width:426px;padding-top:96px;} .agent_list ul {height:583px;overflow-y:auto;} .agent_list ul li.list {padding:0 40px;float:none !important;margin-bottom:30px;cursor:pointer;} .agent_list ul li.list .agent_list_wrap {position:relative;border-bottom:1px solid #e5e5e5;height:173px;} .agent_list ul li.list .agent_list_wrap h3 {font-size:18px;margin-bottom:20px;color:#333333;} .agent_list ul li.list .agent_list_wrap .list_no {position:absolute;right:0px;top:0px;color:#7b7a7a;} .agent_list ul li.list .agent_list_wrap address {margin-bottom:20px;color:#7b7a7a;font-weight:700;font-size:14px;--line-height:22px;} .agent_list ul li.list .agent_list_wrap ul {position:absolute;bottom:32px;left:0px;height:32px;} .agent_list ul li.list .agent_list_wrap ul li {float:left;border-right:1px solid #e5e5e5;margin-right:25px;padding-right:25px;} .agent_list ul li.list .agent_list_wrap ul li.last {border-right:0px;} .agent_list ul li.list .agent_list_wrap ul:after {content:"";display:block;clear:both;} .agent_list ul li.list .agent_list_wrap a.list_marker {display:block;position:absolute;right:0px;bottom:32px;} .agent_list ul li.list .agent_list_wrap p {vertical-align:top;} .agent_list ul li.list .agent_list_wrap p a {display:inline-block;line-height:18px;vertical-align:top;color:#7b7a7a;} .agent_list ul li.list .agent_list_wrap:hover h3 {color:#fe7700;} .agent_list ul li.list .agent_list_wrap:hover address {color:#fe7700;} .agent_list ul li.list .agent_list_wrap:hover p {color:#fe7700;} .agent_list ul li.list .agent_list_wrap:hover p a {color:#fe7700;} .agent_list ul li.list.on h3 {color:#fe7700;} .agent_list ul li.list.on address {color:#fe7700;} .agent_list ul li.list.on p {color:#fe7700;} .agent_list ul li.list.on p a {color:#fe7700;} .agent_tables {margin-top:30px;border-top:3px solid #e2e2e2;} .agent_tables table {display:table;width:100%;line-height:16px;text-align:left;} .agent_tables tr {display:table-row;} .agent_tables th {font-weight:normal;color:#000;display:table-cell;border-bottom:1px solid #e2e2e2;padding:17px 0 17px;white-space:normal;} .agent_tables td {display:table-cell;color:#000;border-bottom:1px solid #e2e2e2;border-right:none;padding:17px 0 17px;} .agent_tables td.gubun img {display:inline-block;padding:0 10px;} .agent_tables th.ct {text-align:center;} .agent_tables td.ct {text-align:center;} /* check box */ .check_item input {display:inline;opacity:0;width:0;margin:0;position:absolute;color:#c2c2c2;line-height:38px;vertical-align:middle;} .check_item label {position:relative;vertical-align:middle;text-align:left;line-height:16px;cursor:pointer;height:18px; --width:18px; display:inline-block;} .check_item label:after {content:"";position:absolute;top:0px;left:0px;text-align:center;width:16px;height:16px;border:1px solid #ff6600;vertical-align:middle;background-color:#fff;} .check_item input:checked+.y-checkbox-label:after {--content:url(/frontend/assets/images/icons/check_v_green.png);width:16px;height:16px;border:1px solid #fa3a3a; background:#fff;} .check_item input:checked+.y-checkbox-label:after {background:url(/frontend/assets/images/icons/check_v_green.png) 0 0 no-repeat;background-size:16px !important;;} @media all and (min-width: 1025px) and (max-width: 1500px) { .agent_cont .agent_head ul li {margin-right:10px;} .agent_cont .agent_head ul li.item1 {margin-left:20px;margin-right:2%;} .agent_cont .agent_head ul li.item2 {margin-right:2%;} .agent_cont .agent_head ul li.btn {margin-right:0;} .agent_cont .agent_head .srh {position:relative;width:230px;} .agent_cont .agent_head .srh input {left:inherit;right:0;width:100%;text-indent:20px;} .agent_cont .agent_head .srh label {width:100%;padding-left:20px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .agent .section_inner {padding:0;} .agent .section_inner ul li.head {width:100% !important;max-width:inherit !important;padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;} .agent .section_inner ul li.head .dec {margin-bottom:34px;} .agent .section_inner ul li.head .dec .orange {color:#7b7a7a !important;} .agent_cont {padding-top:0px;} .agent_cont .agent_head {position:relative;} .agent_cont .agent_head ul {padding:30px 50px 17px;} .agent_cont .agent_head ul li {line-height:68px;} .agent_cont .agent_head ul li label {font-size:22px;padding-left:40px;} .agent_cont .agent_head ul li.btn {float:right;margin-right:0px;} .agent_cont .agent_head ul li.btn a {width:305px;height:68px;line-height:68px;font-size:22px;} .agent_cont .agent_head ul li.last {width:100%;border-left:0px;} .agent_cont .agent_head .srh {position:relative;width:60%;} .agent_cont .agent_head .srh input {width:100%;} .agent_cont .agent_head .srh label {width:100%;height:56px;line-height:56px;font-size:24px;padding-left:0px;} .agent_cont .agent_head .srh input[type=button] {background:url(/frontend/assets/images/icons/srh_bg_agent_t.png) center center no-repeat} .agent_cont .agent_map {margin:50px 50px 0;} .agent_cont .agent_map {margin-right:50px;margin-top:50px;} .agent_list {position:relative;width:100%;padding-top:59px;} .agent_list ul {overflow:visible;height:auto;} .agent_list ul li.list {margin-bottom:50px;padding:0px;} .agent_list ul li.list .agent_list_wrap {height:238px;padding:0 50px;} .agent_list ul li.list .agent_list_wrap h3 {margin-bottom:30px;font-size:30px;font-weight:normal;} .agent_list ul li.list .agent_list_wrap .list_no{top:11px;right:50px;font-size:24px;} .agent_list ul li.list .agent_list_wrap address {font-size:24px;} .agent_list ul li.list .agent_list_wrap > p {font-size:24px;color:#7b7a7a;} .agent_list ul li.list .agent_list_wrap a.list_marker {bottom:50px;right:50px;} .agent_list ul li.list .agent_list_wrap ul {bottom:50px;left:50px;} .check_item label {height:26px;line-height:26px;} .check_item label:after {width:26px;height:26px;} .check_item input:checked+.y-checkbox-label:after {width:26px;height:26px;content:url(/frontend/assets/images/icons/check_v_green_t.png)} } @media all and (min-width: 100px) and (max-width: 640px) { .agent .section_inner ul li.head .dec {font-size:12px;line-height:18px;} .agent .section_inner ul li.head .dec span.orange{color:#7b7a7a;} .agent .section_inner ul li.cont {margin:23px 0 !important;border:none;} .agent_cont {padding-top:0px;} .agent_cont .agent_head {position:relative;} .agent_cont .agent_head ul {margin:0 !important;padding:25px 25px 0;} .agent_cont .agent_head ul li {margin-right:0;line-height:inherit;} .agent_cont .agent_head ul li.item1 {width:36.5%;margin-bottom:12px;} .agent_cont .agent_head ul li.item2 {width:47.8%;margin-bottom:20px;} .agent_cont .agent_head ul li.item2 br {display:block;} .agent_cont .agent_head ul li.item3 {} .agent_cont .agent_head ul li.item4 {} .agent_cont .agent_head ul li label {font-size:12px;padding-left:30px;} .agent_cont .agent_head ul li.btn {width:100%;margin-right:0px;} .agent_cont .agent_head ul li.btn a {width:100%;height:36px;line-height:36px;font-size:11px;} .agent_cont .agent_head ul li.last {width:100%;border-left:0px;} .agent_cont .agent_head .srh {width:100%;height:45px;} .agent_cont .agent_head .srh input {width:100%;height:43px;} .agent_cont .agent_head .srh label {width:100%;padding-left:0px;font-size:12px;line-height:45px;} .agent_cont .agent_head .srh input[type=button] {height:45px;background:url(/frontend/assets/images/icons/srh_bg_agent_t.png) center center no-repeat;background-size:50% ;} .agent_map {width:100%;height:200px;margin-right:0px;margin-top:35px;} .agent_list {position:relative;width:100%;padding-top:35px;} .agent_list ul {margin:0 !important;} .agent_list ul {overflow:initial;height:initial;} .agent_list ul li.list {margin-bottom:25px;padding:0px;} .agent_list ul li.list .agent_list_wrap {height:inherit;padding:0 25px 20px 25px;} .agent_list ul li.list .agent_list_wrap h3 {margin-bottom:14px;font-size:15px;color:#000;font-weight:normal;} .agent_list ul li.list .agent_list_wrap address {margin-bottom:10px;font-sizes:12px;color:#333;} .agent_list ul li.list .agent_list_wrap > p {color:#7b7a7a;} .agent_list ul li.list .agent_list_wrap .list_no {top:5px;right:25px;font-size:12px;} .agent_list ul li.list .agent_list_wrap ul {position:relative;bottom:inherit;left:inherit;height:25px;margin:0 !important;} .agent_list ul li.list .agent_list_wrap ul li {padding-right:20px;margin-right:20px;} .agent_list ul li.list .agent_list_wrap ul li img {width:25px;} .agent_list ul li.list .agent_list_wrap > a {display:block;margin-top:10px;} .agent_list ul li.list .agent_list_wrap a.list_marker {display:block;width:39px;height:30px;bottom:25px;right:11px; background:url(/frontend/assets/images/icons/agent_list_icon_marker_t.png) 0 0 no-repeat;background-size:25px 30px;} .agent_list ul li.list .agent_list_wrap a.list_marker img{display:none;width:20px;} .agent_map {width:inherit;margin:35px 25px 0;} .agent_map .utils {width:86px;right:10px;} } @media all and (min-width: 100px) and (max-width: 640px) { .agent_map .utils {width:100px;} .agent_map {min-height:300px;} .agent_cont .agent_head ul {padding:25px 25px 10px 25px;} .agent_cont .agent_head ul li.item1 {width:50% !important;} .agent_cont .agent_head ul li.item1 label {padding-left:25px;letter-spacing:-1px;} .agent_cont .agent_head ul li.item2 {width:50% !important;} .agent_cont .agent_head ul li.item2 label {padding-left:25px;letter-spacing:-1px;} .agent_cont .agent_head ul li.item3 {margin-bottom:12px;} .agent_cont .agent_head .srh input {text-indent:10px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .agent_cont .agent_head ul li.item3 {margin-right:0px;} .agent_cont .agent_head ul li.btn {width:100%;} .agent_cont .agent_head ul li.btn a {width:100%;} .agent_cont .agent_head ul li.last {margin-top:10px;} .agent_cont .agent_head .srh {width:100%;} .agent_cont .agent_head .srh input {line-height:54px;} } @media all and (min-width: 100px) and (max-width: 640px) { .agent .section_inner ul li.head .dec br {display:none;} } /************************************************************************************************************************************************ * SUPPORT - *************************************************************************************************************************************************/ .event_list {position:relative;padding:40px 0;border-bottom:1px solid #e2e2e2;font-weight:700;} .event_list:first-child {padding-top:0px;margin-top:0px;} .event_list .txts {} .event_list .txts h3 {margin-bottom:16px;font-size:30px;font-weight:700;} .event_list .txts p {margin-bottom:19px;color:#7b7a7a;line-height:1;} .event_list .txts p.date {color:#666666;margin-bottom:48px;font-family:"dpm", arial, san-serif;font-weight:normal;} .event_list .txts p.date span {display:inline-block;margin-left:20px;} .event_list .txts p.img {position:relative;} .event_list .txts ul {text-align:center;} .event_list .txts ul li {float:left;margin-right:10px;color:#333333;} .event_list .txts ul li a {display:block;padding:15px 0;border:1px solid #e2e2e2;width:166px;color:#7b7a7a;} .event_list .txts ul li.on a {border:1px solid #fe7700;color:#fe7700;} .event_list .txts ul li:first-child a{color:#fe7700;border:1px solid #fe7700} .event_list .txts ul li.last {margin-right:0px;} .event_list .txts ul:after {content:"";display:block;clear:both;} .event_list .img {position:absolute;right:0px;bottom:40px;} .event_list .img > img {border:1px solid #e2e2e2;} .event_list .img:hover .ov {display:inline-block;cursor:pointer;} .event_list1:hover {color:#fe7700;} .event_list1:hover p {color:#fe7700;} .event_list1:hover p.date {color:#fe7700;} .event_list1:hover .ov {display:inline-block;} .event_list.on {color:#fe7700;} .event_list.on p {color:#fe7700;} .event_list.on p.date {color:#fe7700;} .event_list.on .ov {display:block;} .event_list .ov {text-align:center;display:none;background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;position:absolute;top:0px;left:0px;;width:100%;height:100%;} .event_list .ov .event_plus {position:relative;z-index:1;border:0;} .event_list[event_ing="F"] .ov {display:none !important;} .event_list[event_ing="F"] .txts ul li a {cursor:default;} .cont .data {display:none;position:relative;padding:50px 0;} .cont .data img {width:100%;} .cont .data .data_close {position:absolute;top:62px;right:20px;} .cont .data .container {max-width:1181px;} .event_page .section_inner ul li.cont .eventCont .data .data_close {top:50px;right:0px;} .event_more_Btn {text-align:right;margin-top:50px;border-top:0px !important;} .event_more_Btn a {color:#333333:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} .event_list .txts ul li:first-child a {display:block;padding:15px 0;border:1px solid #e2e2e2;--width:166px;color:#7b7a7a;} .event_list .txts ul li.ing a {color:#fe7700;border:1px solid #fe7700} .event_list .txts ul li.ing a:hover {background:#fe7700;color:#fff;} .event_list.hide {display:none;} @media all and (min-width: 100px) and (max-width: 1023px) { .section_header {margin-top:0px;padding-top:0px;} .event_list .txts {--width:100%;} .section_header .section_inner > ul > li {float:none;} .event_list .img {position:relative;top:0px;left:0px;margin-bottom:20px;} .event_list .img > img {width:100%;} .event_list {float:none;width:100%;} .event_list .txts ul {width:100%;} .event_list .txts ul li {width:49%;margin-right:1%;} .event_list .txts ul li a {width:100%;} .event_more_Btn {text-align:center;margin-top:50px;} } @media all and (min-width: 1024px) and (max-width: 1279px) { .event_list .txts {width:346px;} } @media all and (min-width: 1300px) and (max-width: 1620px) { .event_list .txts {width:346px;} } @media all and (min-width: 1025px) and (max-width: 1300px) { .event_page .section_inner ul li.cont {} .event_list .txts h3 {margin:0 0 14px;} .event_list .txts p {height:36px;margin:0 0 17px;line-height:18px;} .event_list .txts p.date {height:auto;margin:0 0 30px;font-size:14px;} .event_list .img {width:50%;bottom: 40px;top: initial;} .event_list .img img {--width:100%;} .event_list .img .ov img {width:auto;} } @media all and (min-width: 641px) and (max-width: 1024px) { .event_page .section_inner ul li.cont .eventCont {margin:0px !important;} } @media all and (min-width: 100px) and (max-width: 1024px) { .event_page .section_inner ul li.head .dec {font-size:12px;line-height:17px;letter-spacing:-0.5px;} .event_page .section_inner ul li.head .dec br {display:none;} .event_page .section_inner ul li.cont {margin-top:35px !important;border:none;} .event_page .section_inner ul li.cont .eventCont {--margin:0 25px;} .event_page .section_inner ul li.cont .eventCont .event_list {float:none;width:100%;margin:70px 0 0 0px;padding:0 0 25px 0;} .event_page .section_inner ul li.cont .eventCont .event_list:first-child {margin-top:0px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts h3 {margin:0 0 12px;font-size:18px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts p {height:34px;margin:0 0 14px;font-size:12px;line-height:17px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts p.date {height:auto;margin:0 0 17px;line-height:1;} .event_page .section_inner ul li.cont .eventCont .event_list .txts ul {margin:0 0 15px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts ul li {width:100%;} .event_page .section_inner ul li.cont .eventCont .event_list .txts ul li:first-child {--margin-right:2.7%;} .event_page .section_inner ul li.cont .eventCont .event_list .txts ul li a{} .event_page .section_inner ul li.cont .eventCont .event_list {} .event_page .section_inner ul li.cont .eventCont .data {width:100%;margin:0 0 50px;float:left;} .event_page .section_inner ul li.cont .eventCont .data .data_close{position:absolute;width:50px;right:-50px;} .event_page .section_inner ul li.cont .eventCont .data .data_close img {width:100%} } @media all and (min-width: 100px) and (max-width: 640px) { .event_page .section_inner ul li.cont .eventCont .event_list {margin:35px 0 0 0px;} .event_list .txts {margin:0 25px;} .event_list .img {margin:0 25px;} .cont .data .container {margin:0 25px;} .event_page .section_inner ul li.cont .eventCont .data {border-bottom:1px solid #e2e2e2} .event_page .section_inner ul li.cont .eventCont .data .data_close {right:0px;width:25px;} .event_page .section_inner ul li.cont .eventCont .data .data_close img {width:100%;} } .event_list .img {overflow:hidden;border:1px solid #cccccc;} .event_list .img .con {display:inline-block;} .event_list .img .icon {position:absolute;right:0px;top:0px;width:50px;height:50px;z-index:10;background:#cccccc;} .event_list .img .icon.T {background:#ffc000;} .event_list .txts p {line-height:20px;} @media all and (min-width: 1024px) and (max-width: 1300px) { .event_list .txts {width:48%;} .event_list .txts ul li {width:48%;margin-right:2.7%;} .event_list .txts ul li a {width:initial;} } @media all and (min-width: 100px) and (max-width: 1024px) { .event_list .img .con {display:block;} .event_list .img .con img {width:100%;} } /************************************************************************************************************************************************ * SUPPORT - ALTON SCHOOL *************************************************************************************************************************************************/ .school .section_inner {} .school .section_inner ul li.head {width:25.5%;max-width:222px;} .school .section_inner ul li.cont {width:74.4%;} .altonSchool_tab {text-align:left;} .altonSchool_tab ul {display:inline-block;} .altonSchool_tab ul li {float:left;margin-left:5px;width:150px;height:43px;line-height:40px;text-align:center;border-bottom:5px solid #e5e5e5;background:url(/frontend/assets/images/icons/alton_school_list_blit_out.png) 6px 0 no-repeat;} .altonSchool_tab ul li.on {background:url(/frontend/assets/images/icons/alton_school_list_blit_ov.png) 6px 0 no-repeat;border-bottom:5px solid #ffba26;} .altonSchool_tab ul li a {display:block;color:#e5e5e5;} .altonSchool_tab ul li.on a {color:#ffba26;} .altonSchool_tab ul:after {} .altonSchool_tab ul li.st1 {background:url(/frontend/assets/images/icons/alton_school_list_blit_out.png) 11px center no-repeat;} .altonSchool_tab ul li.st2 {background:url(/frontend/assets/images/icons/alton_school_list_blit_02_out.png) 11px center no-repeat;} .altonSchool_tab ul li.st1.on {background:url(/frontend/assets/images/icons/alton_school_list_blit_ov.png) 11px center no-repeat;} .altonSchool_tab ul li.st2.on {background:url(/frontend/assets/images/icons/alton_school_list_blit_02_ov.png) 11px center no-repeat;} .altonSchool_list {} .altonSchool_list ul {position:relative;} .altonSchool_list ul li {float:left;width:364px;margin:0 44px 100px 0;font-weight:700;} .altonSchool_list ul li h3 {white-space:nowrap;margin-bottom:11px;font-size:18px;font-weight:700;} .altonSchool_list ul li p.txt {font-sizse:14px;color:#7b7a7a;line-height:26px;height:52px;} .altonSchool_list ul li span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 30px 0;} .altonSchool_list ul:after {content:"";display:block;clear:both;} .altonSchool_list ul li.detail_view {position:relative;width:100% !important;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding-top:50px;} .altonSchool_list ul li.detail_view img {width:100%;} .altonSchool_list ul li .img {position:relative;margin:0;} .altonSchool_list ul li .img a > img {width:100%;} .altonSchool_list ul li .ov {text-align:center;display:block;position:absolute;top:0px;left:0px;;width:100%;height:100%;} .altonSchool_list ul li .ov img {margin-top:68px;} .altonSchool_list ul li.on {border-bottom:0px;} .altonSchool_list ul li.on h3 {color:#fe7700;} .altonSchool_list ul li.on p {color:#fe7700;} .altonSchool_list ul li.on span.line{background-color:#fe7700;} .altonSchool_list ul li.on .ov {display:block;background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;} .altonSchool_list ul li:hover h3 {color:#fe7700;font-weight:700;} .altonSchool_list ul li:hover .ov {background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;} .altonSchool_list ul li:hover p.txt {color:#fe7700;} .altonSchool_list ul li:hover span.line{background-color:#fe7700;} .altonSchool_list ul li.detail_view .data_close {right:0px;} .altonSchool_more_Btn {text-align:right;--margin-top:50px;} .altonSchool_more_Btn a {color:#333333:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} .altonSchool_list ul li.detail_view table {width:100%;empty-cells:show;border-bottom:1px solid #333;} .altonSchool_list ul li.detail_view th {padding:20px 20px 19px;white-space:nowrap;font-size:16px;color:#333;line-height:22px;border-bottom:1px solid #e5e5e5;background:#f5f5f5;} .altonSchool_list ul li.detail_view th .point {position:relative;top:4px;margin:0 0 0 5px;color:#ff9933;} .altonSchool_list ul li.detail_view td {padding:10px 0;vertical-align:middle;--white-space:nowrap;color:#7b7a7a;line-height:22px;border-bottom:1px solid #e5e5e5;} .altonSchool_list ul li.detail_view td input[type=text] , .altonSchool_list ul li.detail_view td input[type=password] {height:23px;margin:0;padding:5px 10px;font-size:16px;color:#333;line-height:23px;vertical-align:inherit;border:1px solid #ccc;} .altonSchool_list ul li.detail_view td textarea {font-size:16px;color:#333;line-height:23px;border:1px solid #ccc;} .altonSchool_list ul li.detail_view tr:first-child th, .altonSchool_list ul li.detail_view tr:first-child td {border-top:1px solid #ccc;background:#F7F6F6;} .altonSchool_list ul li.detail_view .noHead tr:first-child th, .altonSchool_list ul li.detail_view .noHead tr:first-child td {background:none;} .altonSchool_list ul li.detail_view tr.last th, .altonSchool_list ul li.detail_view tr.last td {border-bottom:1px solid #333;} .altonSchool_list ul li.hide {display:none;} @media all and (min-width: 1692px) and (max-width: 1703px) { .altonSchool_list ul li {margin:0 2% 100px 0;padding:0;} .altonSchool_list ul li span.line {margin:15px 0 26px 0;} } @media all and (min-width: 1281px) and (max-width: 1691px) { .altonSchool_list ul li {margin:0 12% 100px 0;padding:0;} .altonSchool_list ul li span.line {margin:15px 0 26px 0;} } @media all and (min-width: 1131px) and (max-width: 1280px) { .altonSchool_list ul li {margin:0 3% 100px 0;padding:0;} .section_header.school {padding-top:60px;} } @media all and (min-width: 1025px) and (max-width: 1130px) { .altonSchool_list ul li {width:43.5%;margin:0 12.8% 100px 0;padding:0;} .altonSchool_list ul li p.txt {height:78px;} .altonSchool_list ul li .img a > img {width:100%;} .section_header.school {padding-top:60px;} } @media all and (min-width: 1675px) and (max-width: 3000px) { .altonSchool_list ul li .img a {position:relative;max-height:199px;display:block;overflow:hidden;} .altonSchool_list ul li {width:30.8% !important;margin-right:3.6% !important;} } @media all and (min-width: 1024px) and (max-width: 1675px) { .altonSchool_list ul li {width:43.5% !important;margin-right:12.8% !important;padding:0px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .altonSchool_list ul {padding:0 50px;} .altonSchool_list ul li {width:44.6% !important;margin-right:10.7% !important;padding:0px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .school .section_inner {padding:0;} .school .section_inner ul li.head {width:100%;max-width:inherit;} .school .section_inner ul li.head .icon {margin:0 50px;} .school .section_inner ul li.head .dec {margin:34px 50px 0;} .school .section_inner ul li.head .dec .nowrap {display:none;} .school .section_inner ul li.cont {width:100%;} .altonSchool_list ul {} .altonSchool_list ul li {width:50%;margin:0 0 50px;padding:13px 0 70px;--border-bottom:1px solid #ccc;} .altonSchool_list ul li .school_list_wrap {--margin:0 50px;} .altonSchool_list ul li h3 {display:block;overflow:hidden;height:28px;margin-bottom:18px;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;} .altonSchool_list ul li p.txt {display:-webkit-box;overflow:hidden;height:84px;margin:0 0 26px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;font-size:24px;line-height:28px;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .altonSchool_list ul li span.line {display:none;} .altonSchool_list ul li .img a > img {width:100%;} .altonSchool_list ul li.detail_view {} .altonSchool_list ul li.detail_view .detail_view_wrap{margin:0 50px;} .altonSchool_list ul li.detail_view .data_close {right:-50px;width:50px;} .altonSchool_list ul li.detail_view .data_close img {width:100%;} .altonSchool_more_Btn {text-align:center;margin-top:50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .altonSchool_list ul li.detail_view table {overflow-x:auto;} .altonSchool_list ul li.detail_view td span {font-size:16px !important;} .school .section_inner {padding:0;} .school .section_inner ul li.head {width:100%;max-width:inherit;} .school .section_inner ul li.head .icon {margin:0 25px;} .school .section_inner ul li.head .dec {margin:17px 25px 0;padding:0;font-size:12px;line-height:18px;} .school .section_inner ul li.head .dec .nowrap {display:none;} .school .section_inner ul li.cont {width:100%;margin:30px 0 0 !important;border:none;} .altonSchool_list ul {margin:0 !important;} .altonSchool_list ul li {width:100%;margin:35px 0 0 0px;padding:0 0 35px;font-size:14px;border-bottom:1px solid #e6e6e6;} .altonSchool_list ul li:first-child {margin-top:0px} .altonSchool_list ul li .school_list_wrap {margin:0 25px;} .altonSchool_list ul li h3 {margin-bottom:11px;font-size:18px !important;line-height:26px;font-weight:bold;white-space:normal;} .altonSchool_list ul li p.txt {display:-webkit-box;overflow:hidden;height:34px;margin:0 0 12px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;font-size:12px;line-height:17px;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .altonSchool_list ul li span.line {display:none;} .altonSchool_list ul li .img a > img {width:100%;} .altonSchool_list ul li.detail_view .detail_view_wrap {padding:0 25px;border-top:none;} .altonSchool_list ul li.detail_view .data_close {right:0px;width:25px;} .altonSchool_list ul li.detail_view .data_close img {width:100%;} .altonSchool_more_Btn {text-align:center;margin-top:50px;} } /************************************************************************************************************************************************ * SUPPORT - MULTI MEDIA *************************************************************************************************************************************************/ .media{} .media .section_inner {} .media .section_inner ul li.head {width:25.5%;max-width:210px;} .media .section_inner ul li.cont {width:74.4%;} .multi_tab {margin:0 0 50px;} .multi_tab ul {width:110%;} .multi_tab ul:after {content:"";display:block;clear:both;} .multi_tab ul li {position:relative;float:left;margin:0 5px 0 0;} .multi_tab ul li:after{content:"";display:block;overflow:hidden;position:absolute;top:0;left:10px;width:36px;height:38px;} .multi_tab ul li a {float:left;width:180px;border-bottom:5px solid #e5e5e5;font-weight:700;} .multi_tab ul li a span {display:block;padding:0 0 10px 48px;font-size:14px;color:#7b7a7a;line-height:37px;} .multi_tab ul li.tab1 a span {padding:0 0 10px 56px;} .multi_tab ul li.tab2 a span {padding:0 0 10px 48px;} .multi_tab ul li.tab3 a span {padding:0 0 10px 56px;} .multi_tab ul li.tab4 a span {padding:0 0 10px 48px;} .multi_tab ul li.tab1:after {background:url(/frontend/assets/images/icons/multi_tab_bg_1.png) 0 0 no-repeat;} .multi_tab ul li.tab2:after {background:url(/frontend/assets/images/icons/multi_tab_bg_2.png) 0 0 no-repeat;} .multi_tab ul li.tab3:after {background:url(/frontend/assets/images/icons/multi_tab_bg_3.png) 0 0 no-repeat;} .multi_tab ul li.tab4:after {background:url(/frontend/assets/images/icons/multi_tab_bg_4.png) 0 0 no-repeat;} .multi_tab ul li:hover:after {background-position:0 -38px;} .multi_tab ul li:hover a {border-bottom:5px solid #ffba26;} .multi_tab ul li:hover a span {color:#ffba26;} .multi_tab ul li.active:after {background-position:0 -38px;} .multi_tab ul li.active a {border-bottom:5px solid #ffba26;} .multi_tab ul li.active a span {color:#ffba26;} .multi_select {display:none;position:relative;z-index:10;margin:0 50px 55px;} .multi_select .select_inner {position:relative;width:100%;height:70px;font-size:24px;color:#fff;line-height:70px;text-indent:83px;background:#febd35 url(/frontend/assets/images/icons/multi_select_menu.png) 32px 24px no-repeat;} .multi_select .select_inner a {display:block;height:100%;} .multi_select .select_inner .arrow{display:block;position:absolute;top:31px;right:31px;width:18px;height:10px;background:url(/frontend/assets/images/icons/multi_select_arrow.png) 0 0 no-repeat} .multi_select .select_list {position:absolute;top:70px;left:0;width:100%;display:none;} .multi_select .select_list ul{min-width:1px;margin:0 1px;padding:9px 0 12px;border:1px solid #ccc;background:#fff;} .multi_select .select_list ul:after{content:"";display:block;clear:both;} .multi_select .select_list ul li{float:left;width:100%;} .multi_select .select_list ul li a{float:left;font-size:24px;color:#333;line-height:45px;text-indent:83px;font-weight:700;} .multi_select .select_list ul li a:hover {color:#fe7700} .multi_list {} .multi_list ul {position:relative;} .multi_list ul li {float:left;width:364px;margin:0 44px 100px 0;font-weight:700;} .multi_list ul li h3 {margin-bottom:11px;font-size:18px;font-weight:700;} .multi_list ul li p.txt {color:#7b7a7a;line-height:26px;height:52px;} .multi_list ul li span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 30px 0;} .multi_list ul:after {content:"";display:block;clear:both;} .multi_list ul li.detail_view {position:relative;width:100% !important;border-top:1px solid #cccccc;padding-top:50px;} .multi_list ul li.detail_view .img {border:1px solid #cccccc;width:100%;} .multi_list ul li.detail_view p {color:#666666 !important;} .multi_list ul li.detail_view img {width:100%;} .multi_list ul li.detail_view .container {position:relative;} .multi_list ul li .img {position:relative;} .multi_list ul li .img > img {width:100%;} .multi_list ul li .ov {text-align:center;position:absolute;top:0px;left:0px;;width:100%;height:100%;background:url(/frontend/assets/images/icons/multi_ov_bg_b.png) repeat;} .multi_list ul li .ov img {margin-top:68px;} .multi_list ul li.on h3 {color:#fe7700;} .multi_list ul li.on p {color:#fe7700;} .multi_list ul li.on span.line{background-color:#fe7700;} .multi_list ul li.on .ov {display:block;background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;} .multi_list ul li:hover {cursor:pointer;} .multi_list ul li:hover h3 {color:#fe7700;} .multi_list ul li:hover .ov {display:block;background:url(/frontend/assets/images/icons/school_ov_bg.png) repeat;} .multi_list ul li:hover p {color:#fe7700;} .multi_list ul li:hover span.line{background-color:#fe7700;} .multi_list .detail_view a {position:absolute;bottom:30px;left:28px;display:inline-block;padding:17px 50px;background:#fe8b21;color:#fff;} .multi_list ul li.hide {display:none;} .multi_more_Btn {text-align:right;--margin-top:50px;} .multi_more_Btn a {color:#333333:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} @media all and (min-width: 1692px) and (max-width: 1703px) { .multi_list ul li {margin:0 2% 50px 0;padding:0;} .multi_list ul li span.line {margin:15px 0 26px 0;} } @media all and (min-width: 1281px) and (max-width: 1691px) { .multi_list ul li {margin:0 12% 50px 0;padding:0;} .multi_list ul li span.line {margin:15px 0 26px 0;} } @media all and (min-width: 1131px) and (max-width: 1280px) { .multi_list ul li {margin:0 3% 50px 0;padding:0;} .section_header.media {padding-top:60px;} } @media all and (min-width: 1025px) and (max-width: 1130px) { .multi_list ul li {width:43.5%;margin:0 12.8% 50px 0;padding:0;} .multi_list ul li p.txt {height:78px;} .section_header.media {padding-top:60px;} } @media all and (min-width: 1675px) and (max-width: 3000px) { .multi_list ul li {width:30.8% !important;margin-right:3.6% !important;} } @media all and (min-width: 1024px) and (max-width: 1675px) { .multi_list ul li {width:43.5% !important;margin-right:12.8% !important;padding:0px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .multi_list ul {padding:0 50px;} .multi_list ul li {width:44.6% !important;margin-right:10.7% !important;padding:0px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .media .section_inner {padding:0;} .media .section_inner ul li.head {width:100%;max-width:inherit;} .media .section_inner ul li.head .icon {margin:0 50px;} .media .section_inner ul li.head .dec {margin:34px 50px 0;} .media .section_inner ul li.head .dec .nowrap {display:none;} .media .section_inner ul li.cont {width:100%;} .multi_tab {display:none;} .multi_select {dispaly:block;} .multi_list ul {} .multi_list ul li {width:50%;margin:0 0 50px;padding:13px 0 70px;--border-bottom:1px solid #ccc;} .multi_list ul li .multi_list_wrap {--margin:0 50px;} .multi_list ul li h3 {display:block;overflow:hidden;--height:18px;margin-bottom:18px;font-size:28px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;} .multi_list ul li p.txt {display:-webkit-box;overflow:hidden;height:84px;margin:0 0 26px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;font-size:24px;line-height:28px;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .multi_list ul li span.line {display:none;} .multi_list ul li.detail_view {} .multi_list ul li.detail_view .detail_view_wrap{margin:0 50px;} .multi_more_Btn {text-align:center;margin-top:50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .media .section_inner {padding:0;} .media .section_inner ul li.head {width:100%;max-width:inherit;} .media .section_inner ul li.head .icon {margin:0 25px;} .media .section_inner ul li.head .dec {margin:17px 25px 0;padding:0;font-size:12px;line-height:18px;} .media .section_inner ul li.head .dec .nowrap {display:none;} .media .section_inner ul li.cont {width:100%;margin:30px 0 0 !important;border:none;} .multi_tab {display:none;} .multi_select {display:block;margin:0 25px 45px;} .multi_select .select_inner {height:35px;font-size:12px;line-height:35px;text-indent:35px;background-size:12px 12px;background-position:15px 12px;} .multi_select .select_inner .arrow {top:15px;right:15px;width:9px;height:5px;background-size:9px 5px;} .multi_select .select_list {top:35px;} .multi_select .select_list ul {margin:0 1px !important;} .multi_select .select_list ul li {} .multi_select .select_list ul li a {font-size:12px;line-height:24px;text-indent:35px;display:block;float:none;} .multi_list ul {margin:0 !important;} .multi_list ul li {width:100%;margin:35px 0 0 0px;padding:0 0 35px;font-size:14px;border-bottom:1px solid #e6e6e6;} .multi_list ul li:first-child {margin-top:0px;} .multi_list ul li .multi_list_wrap {margin:0 25px;} .multi_list ul li h3 {margin-bottom:11px;font-size:18px;font-weight:bold;} .multi_list ul li p.txt {display:-webkit-box;overflow:hidden;height:34px;margin:0 0 12px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;font-size:12px;line-height:17px;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .multi_list ul li span.line {display:none;} .multi_list ul li .img a > img {width:100%;} .multi_list ul li.detail_view {padding:0 0 35px;border-top:none;} .multi_more_Btn {text-align:center;margin-top:50px;} } /************************************************************************************************************************************************ * SUPPORT - CONSOLT; *************************************************************************************************************************************************/ .consult {} .consult .top_img {margin-bottom:50px;} .consult .top_img .img {position:relative;overflow:hidden;} .consult .top_img .img img1 {position:relative;left:50%;margin-left:-550px;} .consult .consult_head {position:relative;} .consult .consult_head ul {position:absolute;right:70px;top:140px;width:500px;text-align:right;} .consult .consult_head ul li {text-align:right;width:100%;margin-bottom:20px;} .consult .consult_head ul li .text_inner {font-size:72px;line-height:80px;height:72px;font-family:"dpm", arial, san-serif;} .consult.head .consult_data_wrap {padding:25px;border:1px solid #cccccc;margin-top:50px;} .consult.head .consult_data_wrap ul {color:#7b7a7a;font-weight:700;} .consult.head .consult_data_wrap ul li {position:relative;float:none;margin-bottom:25px;line-height:17px;} .consult.head .consult_data_wrap ul li.last {margin-bottom:0px;} .consult.head .consult_data_wrap ul li span {display:inline-block;position:absolute;top:-5px;right:0px;} .consult.head .consult_data_wrap ul li span strong {color:#fe7700;font-size:24px;margin-right:10px;} .section_header .section_inner ul li.head .faq_btn {width:100%;font-weight:700;} .consult h3 {font-size:30px;} .consult span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 30px 0;} .consult .dec {min-width:270px} .consult ul {position:relative;} .consult .service_list {padding-bottom:50px;border-bottom:1px solid #e5e5e5;font-family:"NotoL", dotum, arial, san-serif;font-weight:700;} .consult .service_list li {float:left;width:30%;margin-right:3.7%;} .consult .service_list li.last {margin-right:0px} .consult .service_list li h4 {margin-bottom:20px;font-size:18px;font-weight:700;} .consult .service_list li p.txt {margin-bottom:24px;color:#7b7a7a;line-height:20px;height:35px;} .consult .service_list li p.img img {width:100%;} .consult .service_list li a {margin-bottom:40px;display:block;width:181px;height:33px;border:1px solid #cccccc;text-align:center;line-height:33px;color:#666666;} .consult .service_list li a:hover {color:#fe7700;border:1px solid #fe7700;} .consult .service_list:after {content:"";display:block;clear:both;} .consult .cosult_bottom {padding-top:50px;padding-bottom:50px;border-bottom:1px solid #e5e5e5;margin-bottom:50px;font-family:"NotoL", dotum, arial, san-serif;font-weight:700;} .consult .cosult_bottom .left {position:relative;float:left;width:48%;margin-right:4%;} .consult .cosult_bottom .left .left_inner {position:relative;padding:40px 40px 22px 40px;min-height:172px;--border:1px solid #cccccc;} .consult .cosult_bottom .left .left_inner h4 {font-size:22px;color:#333333;margin-bottom:30px;} .consult .cosult_bottom .left .left_inner ul {} .consult .cosult_bottom .left .left_inner ul li {float:none;position:relative;margin-bottom:20px;--width:70%;color:#7b7a7a;} .consult .cosult_bottom .left .left_inner ul li p {width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .consult .cosult_bottom .left .left_inner ul li span {display:inline-block;position:absolute;right:0px;top:0px;} .consult .cosult_bottom .left .left_inner ul li a:hover {color:#ff8533} .consult .cosult_bottom .left .left_inner a.more {position:absolute;top:40px;right:40px;padding:5px 0;border-bottom:1px solid #666;display:inline-block;text-align:center;color:#666666;} .consult .cosult_bottom .right {float:left;width:48%;height:252px;position:relative;overflow:hidden;} .consult .cosult_bottom .right img {} .consult .cosult_bottom:after {content:"";display:block;clear:both;} .consult_banner {} .consult_banner ul {} .consult_banner ul li {float:left;width:33.3%;} .consult_banner ul li div {text-align:center;border-right:1px solid #ccc;} .consult_banner ul li.last div {border-right:0px;} .consult_banner ul li div .title {font-size:24px;} .consult_banner ul li div .line {display:inline-block;width:20px;height:1px;background-color:#cccccc;margin:30px 0 30px 0;} .consult_banner ul li div .icon {margin-bottom:40px;} .consult_banner ul li div .txt1 {font-size:16px;color:#666666;margin-bottom:10px;line-height:24px;} .consult_banner ul li div .txt1 span {display:inline-block;padding-left:10px;} .consult_banner ul li div .txt2 {font-size:16px;color:#7b7a7a;} .consult_banner ul:after {content:"";display:block;clear:both;} .oem .dec {min-width:270px;} .consult_as {} .consult_as h3 {font-size:20px;margin-bottom:20px;} .consult_as .private_agree_txt {position:relative;overflow-y:scroll;border:1px solid #e2e2e2;background-color:#fbfbfb;padding:30px;} .consult_as .private_agree_txt .private_agree_txt_inner {line-height:20px;width:100%;height:174px;color:#7b7a7a;font-weight:700;} .consult_as .private_agree_txt.open {overflow:inherit;} .consult_as .private_agree_txt.open .private_agree_txt_inner {height:inherit;} .consult_as .agree_btn {text-align:right;margin-top:20px;} .consult_as .agree_btn label {padding-left:30px;font-weight:700;} .consult_as .agree_btn label:after {border:1px solid #6e6e6e;} .consult_as .agree_btn .check_item input:checked+.y-checkbox-label:after {--content:url("/frontend/assets/images/icons/check_v_green.png");--border:1px solid #6e6e6e;--background:#fff;} .consult_as .agree_btn .check_item input:checked+.y-checkbox-label:after { background:#fff url("/frontend/assets/images/icons/check_v_green.png") 0 0 no-repeat;background-size:16px !important;border:1px solid #6e6e6e; --background:#fff;} .consult_as_head {position:relative;} .consult_as_head .box{position:absolute;right:-40px;bottom:-30px;display:inline-block;color:#fff;padding:40px;background:url(/frontend/assets/images/cont/consult_as_top_box_bg.png) repeat;} .consult_as_head .box p.title {font-size:24px;margin-bottom:5px;} .consult_as_head .box p.txt {margin-bottom:30px;} .consult_as_head .box span.line {display:inline-block;width:45px;height:4px;background-color:#fff;margin:0px 0 30px 0;} .consult_as_head .box p.email {font-size:16px;margin-bottom:10px;} .consult_as_head .box p.email span {display:inline-block;width:70px;} .consult_as_head .box p.tel {font-size:16px;} .consult_as_head .box p.tel span {display:inline-block;width:70px;} .consult_as .asTables {margin-top:100px;border-top:3px solid #333333;} .consult_as .asTables table {display:table;width:100%;line-height:16px;text-align:left;font-weight:700;} .consult_as .asTables tr {display:table-row;} .consult_as .asTables tr:hover {background:#f5f5f5} .consult_as .asTables th {vertical-align:top;text-align:left;color:#333333;background-color:#f5f5f5;min-width:50px;display:table-cell;border-bottom:1px solid #e2e2e2;padding:12px 0 13px 20px;white-space:normal;} .consult_as .asTables td {position:relative;display:table-cell;color:#666666;border-bottom:1px solid #e2e2e2;border-right:none;padding:12px 0 13px 20px;} .consult_as .asTables td a {} .consult_as .asTables td a img {vertical-align:top;} .consult_as .asTables td span.ytip {margin:0 10px 0 5px;display:inline-block;background:#ffc000;padding:0 10px;height:22px;line-height:22px;color:#fff;text-align:center;} .consult_as .asTables th.ct {text-align:center;} .consult_as .asTables td.ct {text-align:center;} .consult_as .asTables .addr {padding:5px 0px;} .consult_as .asTables .addr input {margin-right:10px;} .consult_as .asTables input {border:1px solid #e2e2e2;color:#7b7a7a;padding:7px 0px 6px 10px;min-width:78px;height:22px;} .consult_as .asTables input.addr2 {} .consult_as input[type=button] {padding:9px 20px 8px 20px;color:#666666;border:1px solid #999999;background:#f0f0f0;height:37px;} .consult_as .asTables textarea {width:100%;height:148px;border:1px solid #e2e2e2;color:#7b7a7a} .consult_as .asTables select {min-width:90px;border:1px solid #e2e2e2;color:#7b7a7a;padding:6px 0px 5px 0px;--padding:3px 0px 2px 0px;min-width:78px;} .consult_as .asTables .fileArea {padding-right:105px;margin-bottom:5px;} .consult_as .asTables .fileArea .btn {position:absolute;right:0px;top:12px;height:37px;} .consult_as .sumitArea {position:relative;text-align:center;margin-top:30px;} .consult_as .sumitArea .sumitArea_inner {display:inline-block;} .consult_as .sumitArea .edit {font-weight:700;position:absolute;right:100px;line-height:24px;cursor:pointer;padding:9px 30px 8px 30px;height:24px;border:1px solid #666666;background:#fff;color:#666666;} .consult_as .sumitArea .edit:hover {background:#666;color:#fff;} .consult_as .sumitArea ul {display:inline-block;} .consult_as .sumitArea ul a.arrowLeft {text-indent:-9999px;border:1px solid #cccccc;background:url(/frontend/assets/images/icons/pagin_left_arrow.png) center center no-repeat;} .consult_as .sumitArea ul a.arrowRight {text-indent:-9999px;border:1px solid #cccccc;background:url(/frontend/assets/images/icons/pagin_right_arrow.png) center center no-repeat;} .consult_as .sumitArea ul a.no {} .consult_as .sumitArea ul a.no:hover {color:#000;} .consult_as .sumitArea ul li:first-child a, .consult_as .sumitArea ul li:first-child span{text-indent:-9999px;border:1px solid #cccccc;background:url(/frontend/assets/images/icons/pagin_left_arrow.png) center center no-repeat;} .consult_as .sumitArea ul li:last-child a, .consult_as .sumitArea ul li:last-child span{text-indent:-9999px;border:1px solid #cccccc;background:url(/frontend/assets/images/icons/pagin_right_arrow.png) center center no-repeat;} .consult_as .sumitArea ul li a {display:inline-block;text-align:center;width:32px;height:32px;line-height:32px;font-size:12px;color:#ccc;} .consult_as .sumitArea ul li span{display:inline-block;text-align:center;width:32px;height:32px;line-height:32px;font-size:12px;color:#ccc;} .consult_as .sumitArea ul+ span {margin-top:0px;position:absolute;top:0px;right:0px;height:43px;line-height:43px;padding:0px;background:#666;display:inline-block;--border:1px solid #666666;background:#666666;} .consult_as .sumitArea ul+ span:hover {background-color:#666666;--border:1px solid #666666;color:#fff;} .consult_as .sumitArea ul+ span input[type=button] {cursor:pointer;border:0px;color:#fff;padding:0px;background:none;vertical-align:top;min-width:85px;} .consult_as .asTables.type2 td {padding:24px 0 24px 20px;} .consult_as .asTables.type3 .drafter {float:left;} .consult_as .asTables.type3 .drafter span {display:inline-block;padding-left:20px;} .consult_as .asTables.type3 .no {float:right;padding-right:30px;;} .consult_as .asTables.type3 .no span {display:inline-block;padding-left:20px;} .consult_as .asTables.type3 td .title:after {content:"";display:block;clear:both;} .consult_as .asTables.type3 tr.top td {} .consult_as .asTables.type3 tr.content td {padding:30px 0 34px 20px !important;} .consult_as .asTables.type3 tr.reple td {padding:30px 0 34px 20px !important;} .popup_password {position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;z-index:400;} .popup_password.on {display:block;} .popup_password .dim {position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.5;} .popup_password .popup_password_inner {text-align:center;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-160px;width:344px;height:345px;background:#fff;border:10px solid #ffff33;} .popup_password .popup_password_inner h3 {color:#333333;font-size:24px;padding-top:43px;margin-bottom:0px;} .popup_password .popup_password_inner span.line {display:inline-block;width:20px;height:1px;background-color:#cccccc;margin:30px 0 30px 0;} .popup_password .popup_password_inner p.txt {color:#7b7a7a;line-height:20px;margin-bottom:20px;} .popup_password .popup_password_inner .input_wrap {display:inline-block;margin-bottom:30px;border:1px solid #e2e2e2;} .popup_password .popup_password_inner .input_wrap input {text-indent:10px;color:#7b7a7a;border:0px;padding:7px 0px 6px 0px;--min-width:200px;} .popup_password .popup_password_inner .btns {} .popup_password .popup_password_inner .btns .input_wrap {border:1px solid #666666;height:43px;display:inline-block;width:100px;} .popup_password .popup_password_inner .btns .input_wrap input[type=button] {text-indent:0;text-align:center;cursor:pointer;padding:9px 00px 8px 00px;width:100%;min-width:initial;height:43px;border:0px;background:none;;color:#666666;} .popup_password .popup_password_inner .btns .input_wrap:hover {background-color:#666666;border:1px solid #666666;color:#fff;} .popup_password .popup_password_inner .btns .input_wrap:hover input[type=button] {color:#fff;} .buy_tab {text-align:left;margin-bottom:50px;} .buy_tab ul {display:inline-block;} .buy_tab ul li {float:left;margin-left:5px;width:130px;height:43px;line-height:40px;text-align:left;padding-left:50px;border-bottom:5px solid #e5e5e5;background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;} .buy_tab ul li.on {background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;border-bottom:5px solid #ffba26;} .buy_tab ul li a {display:block;color:#e5e5e5;} .buy_tab ul li.on a {color:#ffba26;} .buy_tab ul:after {} .buy_tab ul li.st1 {background:url(/frontend/assets/images/icons/buy_tab_blit_01.png) 6px 0 no-repeat;} .buy_tab ul li.st2 {background:url(/frontend/assets/images/icons/buy_tab_blit_02.png) 6px 0 no-repeat;} .buy_tab ul li.on.st1 {background:url(/frontend/assets/images/icons/buy_tab_blit_01_ov.png) 6px 0 no-repeat;} .buy_tab ul li.on.st2 {background:url(/frontend/assets/images/icons/buy_tab_blit_02_ov.png) 6px 0 no-repeat;} .buy_tab.oem ul li.st1 {background:url(/frontend/assets/images/icons/buy_tab_blit_03.png) 6px 0 no-repeat;} .buy_tab.oem ul li.st2 {background:url(/frontend/assets/images/icons/buy_tab_blit_04.png) 6px 0 no-repeat;} .buy_tab.oem ul li.on.st1 {background:url(/frontend/assets/images/icons/buy_tab_blit_03_ov.png) 6px 0 no-repeat;} .buy_tab.oem ul li.on.st2 {background:url(/frontend/assets/images/icons/buy_tab_blit_04_ov.png) 6px 0 no-repeat;} .buy_list {margin-bottom:70px;} .buy_list h3 {margin-bottom:25px;font-size:20px;} .buy_list p {background:url(/frontend/assets/images/cont/buy_list_bg.png) 0 0 no-repeat;width:100%;height:178px;} .buy_list ul {} .buy_list ul li {padding:30px;border:1px solid #e2e2e2;margin-right:45px;} .buy_list ul li.last {margin-right:0px;} .buy_list ul li h4 {font-size:24px;color:#333333;} .buy_list ul li span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 30px 0;} .buy_list ul li dl {margin-bottom:10px;color:#7b7a7a;} .buy_list ul li dl dt {float:left;width:45px;margin-right:30px;} .buy_list ul li dl dd {float:left;} .buy_list ul li dl:after {content:"";display:block;clear:both;} .buy_list ul {} .buy_info {margin-bottom:100px;position:relative;} .buy_info ul {position:absolute;right:70px;top:140px;width:500px;text-align:right;} .buy_info ul li {text-align:right;width:100%;margin-bottom:20px;} .buy_info ul li .text_inner {font-family:"NotoR";} .buy_section1 {margin-bottom:80px;} .buy_section1 .buy_sect_head {padding-bottom:60px;position:relative;height:44px;overflow:hidden;} .buy_section1 .buy_sect_head h4 {position:absolute;top:20px;font-size:24px;color:#000000;} .buy_section1 .buy_sect_head .line {display:block;width:100%;margin-left:100px;height:44px;border-bottom:1px solid #cccccc;} .buy_section1 .buy_sect_head:after {content:"";display:block;clear:both;} .buy_section1 ul {padding-left:45px;} .buy_section1 ul li {text-align:left;float:left;width: 12.8%;margin-right: 4.5%;} .buy_section1 ul li p {display:inline-block;text-align:center;} .buy_section1 ul li.last {background:none;margin-right:0px;} .buy_section1 ul li span.img {height:56px;line-height:56px;display:block;color:#666666;margin-bottom:30px;} .buy_section1 ul li span.txt {display:block;color:#666666;line-height:20px;font-weight:700;} .buy_section2 {margin-bottom:80px;} .buy_section2 .buy_sect_head {padding-bottom:60px;position:relative;height:44px;overflow:hidden;} .buy_section2 .buy_sect_head h4 {position:absolute;top:20px;font-size:24px;color:#000000;} .buy_section2 .buy_sect_head .line {display:block;width:100%;margin-left:150px;height:44px;border-bottom:1px solid #cccccc;} .buy_section2 .buy_sect_head:after {content:"";display:block;clear:both;} .buy_section2 ul {padding-left:45px;} .buy_section2 ul li {text-align:left;float:left;width: 12.8%;margin-right: 4.5%;background:url(/frontend/assets/images/icons/buy_step2_icon_arrow.png) right 20px no-repeat;} .buy_section2 ul li p {display:inline-block;text-align:center;} .buy_section2 ul li.last {background:none;margin-right:0px;} .buy_section2 ul li span.img {height:56px;line-height:56px;display:block;color:#666666;margin-bottom:30px;} .buy_section2 ul li span.txt {display:block;color:#666666;line-height:20px;font-weight:700;} .buy_section3 {margin-bottom:80px;} .buy_section3 .buy_sect_head {padding-bottom:60px;position:relative;height:44px;overflow:hidden;} .buy_section3 .buy_sect_head h4 {position:absolute;top:20px;font-size:24px;color:#000000;} .buy_section3 .buy_sect_head .line {display:block;width:100%;margin-left:190px;height:44px;border-bottom:1px solid #cccccc;} .buy_section3 .buy_sect_head:after {content:"";display:block;clear:both;} .buy_section3 p {font-weight:700;color:#7b7a7a;line-height:20px;} .buy_section4 {margin-bottom:80px;} .buy_section4 .buy_sect_head {padding-bottom:60px;position:relative;height:44px;overflow:hidden;} .buy_section4 .buy_sect_head h4 {position:absolute;top:20px;;font-size:24px;color:#000000;} .buy_section4 .buy_sect_head h4 br {display:none;} .buy_section4 .buy_sect_head .line {display:block;width:100%;margin-left:290px;height:44px;border-bottom:1px solid #cccccc;} .buy_section4 .buy_sect_head a {display:block;position:absolute;right:0px;top:-3px;padding:17px 46px;background:#999;color:#fff;} .buy_section4 .buy_sect_head:after {content:"";display:block;clear:both;} .buy_section4 ul {} .buy_section4 ul li {float:left;width:31.1%;margin-right:3.3%;} .buy_section4 ul li.last {margin-right:0px;} .buy_section4 ul li div {display:block;text-align:left;border:1px solid #cccccc;padding:20px;} .buy_section4 ul li div span.txt {color:#7b7a7a;margin-bottom:10px;display:inline-block;} .buy_section4 ul li div h4 {font-size:24px;color:#333333;} .buy_section4 ul li div span.line {display:inline-block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 25px 0;} .buy_section4 ul li div span.tel {margin-bottom:10px;height:20px;line-height:20px;color:#7b7a7a;display:block;padding-left:50px;background:url(/frontend/assets/images/icons/buy_tel_icon.png) left center no-repeat;} .buy_section4 ul li div span.mail {height:20px;line-height:20px;color:#7b7a7a;display:block;padding-left:50px;background:url(/frontend/assets/images/icons/buy_mail_icon.png) left center no-repeat;} .buy_section4 ul:after {content:"";display:block;clear:both;} .buy_section5 {margin-bottom:80px;} .buy_section5 .buy_sect_head {padding-bottom:60px;position:relative;height:44px;overflow:hidden;} .buy_section5 .buy_sect_head h4 {position:absolute;top:20px;font-size:24px;color:#000000;} .buy_section5 .buy_sect_head .line {display:block;width:100%;margin-left:120px;height:44px;border-bottom:1px solid #cccccc;} .buy_section5 .buy_sect_head a {display:block;position:absolute;right:0px;top:-3px;padding:17px 46px;background:#999;color:#fff;} .buy_section5 .buy_sect_head:after {content:"";display:block;clear:both;} .buy_section5 ul {} .buy_section5 ul li {float:left;width:31.1%;margin-right:3.3%;} .buy_section5 ul li div {display:block;text-align:left;border:1px solid #cccccc;padding:20px;} .buy_section5 ul li div span.txt {color:#7b7a7a;margin-bottom:10px;display:inline-block;} .buy_section5 ul li div h4 {font-size:24px;color:#333333;} .buy_section5 ul li div span.line {display:inline-block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 25px 0;} .buy_section5 ul li div span.tel {margin-bottom:10px;height:20px;line-height:20px;color:#7b7a7a;display:block;padding-left:50px;background:url(/frontend/assets/images/icons/buy_tel_icon.png) left center no-repeat;} .buy_section5 ul li div span.mail {height:20px;line-height:20px;color:#7b7a7a;display:block;padding-left:50px;background:url(/frontend/assets/images/icons/buy_mail_icon.png) left center no-repeat;} .buy_section5 ul:after {content:"";display:block;clear:both;} @media all and (min-width: 100px) and (max-width: 860px) { .buy_section4 ul li {float:none !important;width:100%;margin-bottom:25px;} .buy_section5 ul li {float:none !important;width:100%;margin-bottom:25px;} } @media all and (min-width: 1024px) and (max-width: 1314px) { .buy_section4 ul li {width:48%;margin-right:4%;margin-bottom:4%;} .buy_section4 ul li.x2 {margin-right:0px;} } @media all and (min-width: 100px) and (max-width: 1660px) { .consult .service_list li {position:relative;float:none !important;width:100%;min-height:212px;padding-bottom:50px;border-bottom:1px solid #ccc;margin-bottom:50px;} .consult .service_list li h4 {margin-bottom:20px;font-size:18px;font-weight:700;} .consult .service_list li p {margin-bottom:20px;color:#7b7a7a;line-height:20px;} .consult .service_list li p.img {position:absolute;right:0px;top:0px;} .consult .service_list li p.img img {width:100%;} .consult .service_list li p.txt {height:40px;height:inherit;margin-bottom:20px;margin-right:370px;letter-spacing:-0.5px;} .consult .service_list li a {margin-bottom:20px;display:block;width:181px;height:33px;border:1px solid #cccccc;text-align:center;line-height:33px;color:#666666;} .consult .service_list:after {content:"";display:block;clear:both;} } @media all and (min-width: 100px) and (max-width: 1660px) { .consult_section {padding-top:60px;} } @media all and (min-width: 1025px) and (max-width: 1280px) { .consult_section {padding-top:60px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .consult_section {padding-top:0px;} .consult_section .dec br {display:none;} .consult_section .section_inner ul li.head .faq_btn {width:538px;height:83px;margin:50px auto 0;font-size:35px;line-height:83px;} .section_header .section_inner ul li.cont {margin-top:100px;} .consult_section .top_img .img {position:relative;overflow:hidden;} .consult .consult_head ul {top:30px;right:-30px;} .consult .service_list li p.txt {margin-right:52%;} .consult .service_list li a {width:48%;margin-bottom:0px;position:absolute;bottom:50px;height:34px;line-height:34px;} .consult .service_list li p.img {top:initial;bottom:50px;margin-bottom:0px;overflow:hidden;width:48% !important;text-align:right;} .consult .service_list li p.img img {width:100%;;} .consult .cosult_bottom .left {float:none;width:100%;margin-bottom:70px;} .consult .cosult_bottom .right {float:none;width:100%;} .consult .cosult_bottom {margin-bottom:70px;border-bottom:1px solid #ccc;} .buy_info ul {right:-30px !important;top:80px !important} .consult .cosult_bottom .left .left_inner {padding:40px 0px 22px 0px;} .event_page .section_inner ul li.head .dec {font-size:24px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts h3 {font-size:28px;} .event_page .section_inner ul li.cont .eventCont .event_list .txts p {font-size:24px;line-height:34px;height:inherit;} .event_page .section_inner ul li.cont {margin-top:100px !important;} .altonSchool_list ul li h3 {font-size:28px;} } @media all and (min-width: 100px) and (max-width: 860px) { .consult_section .section_inner {padding:0 25px;} .consult_section .section_inner ul li.head .icon {margin:0 0px 17px} .consult_section h3 {display:none;} .consult_section .top.line {display:none;} .consult_section {padding-top:0px;} .consult_section.section_header .section_inner ul li.head .dec {margin:17px 0px 30px 0;padding:0px;font-size:12px;line-height:16px;} .consult_section .dec br {display:none;} .consult_section .section_inner ul li.head .faq_btn {width:100%;margin:0px;font-size:17px;height:40px;line-height:40px;} .section_header .section_inner ul li.cont {margin-top:35px;} .consult_section .top_img {position:relative;} .consult_section .top_img img {width:100%;} .consult_section .top_img .img {position:relative;overflow:hidden;} .consult_section .top_img .img img {width:100%;--min-width:500px;left:initial;margin-left:0px;} .consult .consult_head ul {bottom:-50px;right:-10px;top:initial;} .consult .consult_head ul li {margin-bottom:0px;} .consult .consult_head ul .text_inner {font-size:36px !important;line-height:40px !important;height:30px !important;} .buy_info ul li {margin-bottom:0px;} .buy_info ul .text_inner {font-size:24px !important;line-height:30px !important;height:30px !important;} .consult .service_list {margin:0px !important;} .consult .service_list li {margin-bottom:35px;padding-bottom:35px;} .consult .service_list li p.txt {margin-right:52%;width:100%;font-size:12px;} .consult .service_list li p.txt br {display:none;} .consult .service_list li a {width:100%;margin-bottom:30px;position:relative;bottom:initial;height:33px;line-height:33px;} .consult .service_list li p.img {position:relative;top:initial;bottom:initial;margin-bottom:0px;width:100% !important;} .consult .service_list li p.img img {width:100%;;} .consult .service_list li.last {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;} .consult .cosult_bottom .left {float:none;width:100%;margin-bottom:0px;padding-bottom:50px;} .consult .cosult_bottom .right {float:none;width:100%;height:initial;} .consult .cosult_bottom .right .right_inner img {width:100%;} .consult .cosult_bottom {margin-bottom:70px;border-bottom:1px solid #ccc;} .buy_info ul {right:-30px !important;top:100px !important} .consult .cosult_bottom .left .left_inner {padding:20px 0px 0px 0px;min-height:152px;} .consult .cosult_bottom .left .left_inner ul {margin:0px;} .consult .cosult_bottom .left .left_inner ul li {margin-bottom:10px;} .consult .cosult_bottom .left .left_inner ul li p {font-size:12px;width:60%;} .consult .cosult_bottom .left .left_inner ul li a span {font-size:12px;} .consult .cosult_bottom .left .left_inner a.more {top:20px;right:0px;} .consult_banner ul li {float:none !important;width:100% !important;} .consult_banner ul li div {border-bottom:1px solid #ccc;border-right:0px;padding-bottom:35px;margin-bottom:35px;} .consult_banner ul li.last div {border-bottom:0px;} .consult_as .asTables th {font-size:12px;} .consult_as .asTables td {font-size:12px;} .consult_as .sumitArea {height:43px;} .consult_as .sumitArea .sumitArea_inner {display:block;} .consult_as .sumitArea span.aply {position:relative;margin-top:10px;display:inline-block;text-align:center;background:#666;width:100%;} .consult_as .sumitArea span.aply input[type=button] {width:100%;font-size:12px;right:initial;position:static;background:none;font-weight:700;} .consult_as .sumitArea .edit {width:48%;left:0px;right:inherit;padding:9px 0 8px 0;} .m .consult_as .asTables {overflow-x:auto;overflow-y:hidden;} .m .consult_as .asTables table {min-width:400px;} .m .consult_as .asTables.type2 th {padding-left:10px;} .m .consult_as .asTables.type2 td {padding-left:10px;} .m .consult_as .asTables table #email03 {margin-top:10px;} .buy_section1 {margin-bottom:30px;} .buy_section1 ul {margin:0px !important;padding:0px 0px 0px 5%;} .buy_section1 ul li {font-size:12px;text-align:left;float:left;width: 25.6%;margin-right: 9.0%;margin-bottom:40px;background-size:20%;} .buy_section1 ul li span.img img {width:50%;} .buy_section1 ul li.half {margin-right:0px;} .buy_section1 .buy_sect_head {padding-bottom:20px} .buy_section1 .buy_sect_head h4 {font-size:15px !important;top:30px;} .buy_section1 .buy_sect_head .line {margin-left:60px !important;} .buy_section2 {margin-bottom:30px;} .buy_section2 ul {margin:0px !important;padding:0px 0px 0px 5%;} .buy_section2 ul li {font-size:12px;text-align:left;float:left;width: 25.6%;margin-right: 9.0%;margin-bottom:40px;background-size:20%;} .buy_section2 ul li span.img img {width:50%;} .buy_section2 ul li.half {margin-right:0px;} .buy_section2 .buy_sect_head h4 {font-size:15px !important;top:30px;} .buy_section2 .buy_sect_head .line {margin-left:90px;} .buy_section3 {margin-bottom:50px;} .buy_section3 .buy_sect_head {padding-bottom:20px;} .buy_section3 p {font-size:12px;} .buy_section3 p br {display:none;} .buy_section3 .buy_sect_head h4 {font-size:15px !important;top:30px;} .buy_section3 .buy_sect_head .line {margin-left:120px;} .buy_section4 {margin-bottom:70px;} .buy_section4 .buy_sect_head {padding-bottom:20px;} .buy_section4 p {font-size:12px;} .buy_section4 p br {display:none;} .buy_section4 .buy_sect_head h4 {font-size:15px !important;top:15px;} .buy_section4 .buy_sect_head h4 br {display:block;} .buy_section4 .buy_sect_head .line {margin-left:100px;} .buy_section4 .buy_sect_head a {padding:8px 23px;top:17px;font-size:12px;} .buy_section4 ul {margin:0px !important;} .buy_section4 ul li {float:none !important;width:100%;margin-right:0px;margin-bottom:10px;} .buy_section4 ul li div {padding:15px;} .buy_section4 ul li div span.txt {font-size:12px;} .buy_section4 ul li div span.tel {font-size:12px;} .buy_section4 ul li div span.mail {font-size:12px;} .buy_section5 .buy_sect_head {padding-bottom:20px;} .buy_section5 p {font-size:12px;} .buy_section5 p br {display:none;} .buy_section5 .buy_sect_head h4 {font-size:15px !important;top:30px;} .buy_section5 .buy_sect_head .line {margin-left:70px;} .buy_section5 .buy_sect_head a {padding:8px 23px;top:17px;font-size:12px;} .buy_section5 ul {margin:0px !important;} .buy_section5 ul li {float:none !important;width:100%;margin-right:0px;margin-bottom:10px;} .buy_section5 ul li div {padding:15px;} .buy_section5 ul li div span.txt {font-size:12px;} .buy_section5 ul li div span.tel {font-size:12px;} .buy_section5 ul li div span.mail {font-size:12px;} .consult_as_head .box {font-size:12px !important;padding:20px;top:initial;bottom:-80px;right:-20px} .consult_as_head .box p.title {font-size:15px !important;} .consult_as_head .box p.email {font-size:12px !important;} .consult_as_head .box p.tel {font-size:12px !important;} .consult_as_head .box span.line {height:2px;width:22px;} .popup_password {padding:0 25px;} .popup_password .popup_password_inner .input_wrap {margin-bottom:15px;} .popup_password .popup_password_inner {position:relative;width:100%;margin:0px;left:0px;top:50px;width:82%;border:5px solid #ffff33} .popup_password .popup_password_inner h3 {font-size:15px;} .popup_password .popup_password_inner p.txt {font-size:12px;} .popup_password .popup_password_inner .btns .input_wrap {border:1px solid #666666;height:24px;display:inline-block;width:100px;} .popup_password .popup_password_inner .btns input[type=button] {background:none;width:100%;min-width:initial;border:0px;height:100% !important;line-height:9px;padding:2px 00px 1px 0px;font-size:12px;} .oem .consult_as.insertTable {display:none;} } @media all and (min-width: 100px) and (max-width: 1475px) { .consult_as .asTables .addr_detail {margin-top:10px;display:inline-block;} } /************************************************************************************************************************************************ * SUPPORT - faq *************************************************************************************************************************************************/ .faq_section {} .faq_section .section_inner ul li.head {width:25.5%;max-width:260px;} .faq_section .section_inner ul li.cont {width:74.4%;margin-top:55px;} .faq_tab {position:relative;z-index:10;width:100%;text-align:left;margin-bottom:50px;} .faq_tab:after {content:"";display:block;clear:both;} /*.faq_tab:after {content:"";display:block;position:absolute;top:-6px;left:0;width:123px;height:1px;background:#f5f5f5;}*/ .faq_tab .faq_select {display:none;} .faq_tab ul {position:relative;float:left;width:100%;padding:0 0 0 0.5%;} .faq_tab ul:after{content:"";display:block;clear:both;} .faq_tab ul li {float:left;width:14.1%;min-width:138px;margin:0 0.5% 0 0;padding:0 0 11px;border-bottom:5px solid #e5e5e5;} .faq_tab ul li a {display:block;height:34px;padding:0 0 0 54px;text-align:left;font-size:14px;color:#7b7a7a;font-weight:700;line-height:34px;letter-spacing:-0.5px;} .faq_tab ul li.st1 a {padding:0 0 0 54px;} .faq_tab ul li.st2 a {padding:0 0 0 49px;} .faq_tab ul li.st3 a {padding:0 0 0 55px;} .faq_tab ul li.st4 a {padding:0 0 0 51px;} .faq_tab ul li.st1 {background:url(/frontend/assets/images/icons/faq_tab_blit_01_out.png) 6px 0 no-repeat;} .faq_tab ul li.st2 {background:url(/frontend/assets/images/icons/faq_tab_blit_02_out.png) 6px 0 no-repeat;} .faq_tab ul li.st3 {background:url(/frontend/assets/images/icons/faq_tab_blit_03_out.png) 6px 0 no-repeat;} .faq_tab ul li.st4 {background:url(/frontend/assets/images/icons/faq_tab_blit_04_out.png) 6px 0 no-repeat;} .faq_tab ul li.on {border-bottom:5px solid #ffba26;} .faq_tab ul li.on a {color:#ffba26;} .faq_tab ul li.on.st1 {background:url(/frontend/assets/images/icons/faq_tab_blit_01_ov.png) 6px 0 no-repeat;} .faq_tab ul li.on.st2 {background:url(/frontend/assets/images/icons/faq_tab_blit_02_ov.png) 6px 0 no-repeat;} .faq_tab ul li.on.st3 {background:url(/frontend/assets/images/icons/faq_tab_blit_03_ov.png) 6px 0 no-repeat;} .faq_tab ul li.on.st4 {background:url(/frontend/assets/images/icons/faq_tab_blit_04_ov.png) 6px 0 no-repeat;} .faq_tab ul li:hover.st1 {background:url(/frontend/assets/images/icons/faq_tab_blit_01_ov.png) 6px 0 no-repeat;} .faq_tab ul li:hover.st2 {background:url(/frontend/assets/images/icons/faq_tab_blit_02_ov.png) 6px 0 no-repeat;} .faq_tab ul li:hover.st3 {background:url(/frontend/assets/images/icons/faq_tab_blit_03_ov.png) 6px 0 no-repeat;} .faq_tab ul li:hover.st4 {background:url(/frontend/assets/images/icons/faq_tab_blit_04_ov.png) 6px 0 no-repeat;} .faq_tab ul li:hover {border-bottom:5px solid #ffba26;} .faq_tab ul li:hover a {color:#ffba26;} .faq_tab .st5 {position:absolute;top:0;right:0;float:right;width:31.7%;margin:0;padding:0;border-bottom:5px solid #e5e5e5;} .faq_tab .st5 .srh {position:relative;width:100%;height:40px;margin:5px 0 0;color:#7b7a7a;} .faq_tab .st5 .srh input {position:absolute;left:0;top:0;width:100%;height:40px;margin:0;padding:0;border:none;} .faq_tab .st5 .srh label {position:absolute;top:0;left:0;text-indent:20px;width:100%;height:40px;color:#7b7a7a;font-weight:700;line-height:40px;} .faq_tab .st5 .srh input[type=button] {cursor:pointer;left:inherit;right:0px;width:38px;height:40px;background:url(/frontend/assets/images/icons/srh_bg_agent.png) center center no-repeat;} .faq_list.head {border-top:3px solid #e2e2e2;} .faq_list.head .faq_list_wrap .qust {} .faq_list {font-weight:700;} .faq_list .faq_list_wrap {min-width:1px;padding:17px 0;border-bottom:1px solid #e2e2e2;} .faq_list .faq_list_wrap:after {content:"";display:block;clear:both;} .faq_list .faq_list_wrap > div {float:left;} .faq_list .faq_list_wrap .gubun {width:13.4%;margin:0 6% 0 0;line-height:37px;text-align:center;} .faq_list .faq_list_wrap .qust {width:80.5%;line-height:37px;background:url(/frontend/assets/images/icons/faq_list_arrow.png) right center no-repeat;} .faq_list .faq_list_wrap .qust a {padding-left:74px;width:100%;height:37px;line-height:37px;display:block;background:url(/frontend/assets/images/icons/faq_qmark.png) left center no-repeat;} .faq_list.on .faq_list_wrap .qust {background:url(/frontend/assets/images/icons/faq_list_arrow_up.png) right center no-repeat;} .faq_list.on .faq_list_wrap .qust a {background:url(/frontend/assets/images/icons/faq_qmark_ov.png) left center no-repeat;} .faq_list .faq_list:hover .faq_list_wrap .qust a {background:url(/frontend/assets/images/icons/faq_qmark_ov.png) left center no-repeat;} .faq_list .detail {display:none;padding-left:19.4%;border-bottom:1px solid #e2e2e2;} .faq_list .detail_inner {padding:17px 0 30px 74px;line-height:20px;background:url(/frontend/assets/images/icons/faq_qmark_ans.png) 0 17px no-repeat;} @media all and (min-width: 1025px) and (max-width: 1280px) { .faq_section .section_inner ul li.cont {margin-top:64px;} .faq_tab {} .faq_tab:after {position:static;top:inherit;width:0;height:0;background:none;} .faq_tab ul {padding:0;} .faq_tab ul li {width:15%;margin:0 0.5% 0 0;} .faq_tab ul li a {letter-spacing:-1px;} .faq_tab .st5 {min-width:1px;width:15%;} .faq_tab .st5 .srh input {text-indent:10px;} .faq_tab .st5 .srh label {text-indent:10px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .faq_tab_list {display:none;} .faq_section .section_inner {padding:0;} .faq_section .section_inner ul li.head {width:100%;max-width:100%;} .faq_section .section_inner ul li.head .icon {margin:0 50px;} .faq_section .section_inner ul li.head .dec {padding:0 50px;} .faq_section .section_inner ul li.head .faq_btn {width:538px;height:83px;margin:50px auto 0;font-size:35px;line-height:83px;} .faq_section .section_inner ul li.cont {width:100%;} .faq_section .section_inner ul li.cont .faq_inner{width:100%;} .faq_tab {width:auto;margin:0 50px 50px;} .faq_tab:after {position:static;top:inherit;width:0;height:0;background:none;} .faq_tab .faq_select {display:block;position:relative;width:100%;height:70px;margin:110px 0 0;font-size:24px;color:#fff;line-height:70px;text-indent:83px;background:#febd35 url(/frontend/assets/images/icons/multi_select_menu.png) 32px 24px no-repeat;} .faq_tab .faq_select .arrow {display:block;position:absolute;top:31px;right:31px;width:18px;height:10px;background:url(/frontend/assets/images/icons/multi_select_arrow.png) 0 0 no-repeat} .faq_tab ul {display:none;position:absolute;top:70px;left:0;width:-webkit-calc(100% - 4px);width:calc(100% - 4px);margin:0 1px;padding:10px 0;border:1px solid #e6e6e6;background:#fff;} .faq_tab ul li {background:none !important;} .faq_tab ul li.st {width:100%;margin:0;padding:0;border-bottom:none;} .faq_tab ul li.st a {padding-left:82px;} .faq_tab .st5 {position:absolute;top:-110px;left:0;float:none;width:100%;height:66px;border-bottom:5px solid #e5e5e5} .faq_tab .st5 .srh {height:66px;margin:0;} .faq_tab .st5 .srh input {height:66px;text-indent:2px !important;} .faq_tab .st5 .srh label {height:66px;font-size:24px;line-height:60px;text-indent:2px;} .faq_tab .st5 .srh input[type=button] {height:66px;} .faq_inner .faq_list {padding:0 50px;border-bottom:1px solid #e2e2e2;} .faq_inner .faq_list.head {padding:0;border-top:none;} .faq_inner .faq_list.head > .faq_list_wrap {padding:17px 50px;border-bottom:1px solid #e2e2e2;} .faq_inner .faq_list .faq_list_wrap {border:none;} .faq_inner .faq_list .faq_list_wrap .gubun {width:30px;margin:0 32px 0 0;line-height:34px;} .faq_inner .faq_list .faq_list_wrap .qust {width:100%;margin-right:-64px;line-height:34px;background:none;} .faq_inner .faq_list .faq_list_wrap .qust a {position:relative;width:auto;height:auto;margin:0 64px 0 0;padding:0 100px 0 74px;font-size:24px;line-height:34px;background-position:0 4px;} .faq_inner .faq_list .faq_list_wrap .qust a:after{content:"";display:block;position:absolute;top:50%;right:0;width:21px;height:12px;margin-top:-6px;background:url(/frontend/assets/images/icons/faq_list_arrow.png) right center no-repeat;} .faq_list .detail {padding-left:60px;} .faq_list .detail .detail_inner {padding:17px 0 17px 74px;font-size:24px;line-height:30px;letter-spacing:-1px;} .faq_list .detail .detail_inner br {display:none;} .faq_list.on .faq_list_wrap .qust a:after {background:url(/frontend/assets/images/icons/faq_list_arrow_up.png) right center no-repeat;} .faq_list .faq_list:hover .faq_list_wrap .qust a {background-position:0 4px;} } @media all and (min-width: 100px) and (max-width: 640px) { .faq_tab_list {display:none;} .faq_section .section_inner {padding:0;} .faq_section .section_inner ul li.head {width:100%;max-width:100%;} .faq_section .section_inner ul li.head .icon {margin:0 25px;} .faq_section .section_inner ul li.head .dec {padding:0 25px;} .faq_section .section_inner ul li.head .faq_btn {width:268px;height:41px;margin:25px auto 0;font-size:17px;line-height:40px;} .faq_section .section_inner ul li.cont {width:100%;margin-top:44px;border:none;} .faq_section .section_inner ul li.cont .faq_inner{width:100%;} .faq_tab {width:auto;margin:0 25px 25px;} .faq_tab:after {position:static;top:inherit;width:0;height:0;background:none;} .faq_tab .faq_select {display:block;position:relative;width:100%;height:35px;margin:55px 0 0;font-size:12px;color:#fff;line-height:35px;text-indent:41px;background:#febd35 url(/frontend/assets/images/icons/multi_select_menu.png) 15px 12px no-repeat;background-size:12px; 12px;} .faq_tab .faq_select .arrow {display:block;position:absolute;top:15px;right:15px;width:9px;height:5px;background:url(/frontend/assets/images/icons/multi_select_arrow.png) 0 0 no-repeat;background-size:9px 5px;} .faq_tab ul {position:absolute;top:35px;left:0;width:-webkit-calc(100% - 4px);width:calc(100% - 4px);margin:0 1px !important;padding:10px 0;border:1px solid #e6e6e6;background:#fff;} .faq_tab ul li {background:none !important;} .faq_tab ul li.st {width:100%;margin:0;padding:0;border-bottom:none;} .faq_tab ul li.st a {height:17px;padding-left:40px;font-size:12px;line-height:17px;} .faq_tab .st5 {position:absolute;top:-55px;left:0;float:none;width:100%;height:33px;border-bottom:3px solid #e5e5e5} .faq_tab .st5 .srh {height:33px;margin:0;} .faq_tab .st5 .srh input {height:33px;text-indent:2px !important;} .faq_tab .st5 .srh label {height:33px;font-size:12px;line-height:33px;text-indent:2px;} .faq_tab .st5 .srh input[type=button] {height:33px;} .faq_inner .faq_list {padding:0 25px;border-bottom:1px solid #e2e2e2;} .faq_inner .faq_list.head {padding:0;border-top:none;} .faq_inner .faq_list.head > .faq_list_wrap {padding:0 25px;border-bottom:1px solid #e2e2e2;} .faq_inner .faq_list .faq_list_wrap {overflow:visible;border:none;} .faq_inner .faq_list .faq_list_wrap .gubun {width:36px;margin:0;} .faq_inner .faq_list .faq_list_wrap .gubun img {width:55%;vertical-align:top;} .faq_inner .faq_list .faq_list_wrap .qust {width:100%;margin-right:-36px;background:none;} .faq_inner .faq_list .faq_list_wrap .qust a {overflow:visible;position:relative;width:auto;height:auto;margin:0 36px 0 0;padding:0 30px 0 34px;text-overflow:inherit;white-space:normal;font-size:12px;line-height:18px;background-size:18px 18px;background-position:0 0} .faq_inner .faq_list .faq_list_wrap .qust a:after{content:"";display:block;position:absolute;top:3px;right:0;width:21px;height:12px;margin-top:0;background:url(/frontend/assets/images/icons/faq_list_arrow.png) right center no-repeat;background-size:11px 6px;} .faq_list .detail {padding-left:36px;border-top:1px solid #e2e2e2;} .faq_list .detail .detail_inner {padding:17px 36px 17px 34px;font-size:12px;line-height:18px;letter-spacing:-0.5px;background-size:18px 18px} .faq_list .detail .detail_inner br {display:none;} .faq_list.on .faq_list_wrap .qust a:after {background:url(/frontend/assets/images/icons/faq_list_arrow_up.png) right center no-repeat;} .faq_list .faq_list:hover .faq_list_wrap .qust a {background-size:18px 18px;background-position:0 0;} .faq_list.on .faq_list_wrap .qust a:after {background-size:11px 6px;} } /************************************************************************************************************************************************ * SUPPORT - *************************************************************************************************************************************************/ .notice {padding-top:60px;} .notice .section_inner ul li.head {width:25.5%;max-width:220px} .notice .section_inner ul li.cont {width:74.4%;} .notice_list {font-weight:700;} .notice_list ul {position:relative;} .notice_list ul:after {content:"";display:block;clear:both;} .notice_list ul li.list {position:relative;float:left;width:364px;height:310px;margin-right:20px;--margin-top:50px;} .notice_list ul .list h3 {margin-bottom:17px;font-size:24px;} .notice_list ul .list .txt {color:#7b7a7a;line-height:24px;} .notice_list ul .list span.line {display:block;width:20px;height:1px;background-color:#cccccc;margin:20px 0 25px;} .notice_list ul .listi .date {color:#000;} .notice_list ul .list .detail_wrap {position:absolute;bottom:0;left:0;width:100%;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;} .notice_list ul .list .detail_wrap .btn {display:block;width:100%;height:43px;color:#7b7a7a;line-height:43px;text-align:center;} .notice_list ul .detail_view {position:relative;width:100% !important;height:initial;margin:0;--padding-top:80px;border-top:1px solid #ccc;} .notice_list ul .detail_view .detail_view_wrap {position:relative;--border-top:1px solid #cccccc;} .notice_list ul .detail_view .detail_view_wrap p img {width:100%;} .notice_list ul .detail_view .detail_close {position:absolute;right:0px;top:50px;} .notice .notice_list ul li {margin-bottom:100px;} .notice_more_Btn {text-align:right} .notice_more_Btn a {color:#333333:inline-block;padding-right:30px;background:url(/frontend/assets/images/icons/load_more.png) right center no-repeat;} .notice_list ul .list:hover {cursor:pointer} .notice_list ul .list:hover h3 {color:#ff8533;} .notice_list ul .list:hover .txt {color:#ff8533;} .notice_list ul .list:hover span.line {background-color:#ff8533;} .notice_list ul .list:hover .date {color:#ff8533;} .notice_list ul .list:hover .detail_wrap {background:#fe7700;border:1px solid #fe7700;} .notice_list ul .list:hover .detail_wrap .btn {color:#fff;} .notice_list ul .list.on h3 {color:#ff8533;} .notice_list ul .list.on .txt {color:#ff8533;} .notice_list ul .list.on span.line {background-color:#ff8533;} .notice_list ul .list.on .date {color:#ff8533;} .notice_list ul .list.on .detail_wrap:hover {background:#fe7700;border:1px solid #fe7700;} .notice_list ul .list.on .detail_wrap:hover .btn {color:#fff;} .notice_list.type2 {} .notice_list.type2 h3 {font-size:24px;} .notice_list ul li.list.hide {display:none;} @media all and (min-width: 1675px) and (max-width: 3000px) { .notice_list > ul li.list {width:30.8% !important;margin-right:3.6% !important;} } @media all and (min-width: 1024px) and (max-width: 1675px) { .notice_list > ul li.list {width:43.5% !important;margin-right:12.8% !important;padding:0px;} } @media all and (min-width: 641px) and (max-width: 1024px) { .notice_list > ul {padding:0 50px;} .notice_list > ul li.list {width:44.6% !important;margin-right:10.7% !important;padding:0px;} .notice_more_Btn a {margin-right:50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .notice_list > ul {--padding:0 25px;} .notice_list > ul li.list {width:100% !important;margin-right:0px !important;--margin-top:0px !important;padding:0px;} .notice_more_Btn a {margin-right:25px;} } @media all and (min-width: 640px) and (max-width: 1024px) { .notice .section_inner {padding:0;} .notice .section_inner ul li.head {width:100%;max-width:100%;} .notice .section_inner ul li.head .icon {padding:0 50px;} .notice .section_inner ul li.head .dec {padding:0 50px;line-height:36px;} .notice .section_inner ul li.head .dec br {display:none;} .notice .section_inner ul li.cont {width:100%;margin:60px 0 0;} .notice_list ul {padding:0px 50px;} .notice_list ul li.list {;height:400px !important;padding:0;--border-bottom:1px solid #e6e6e6;} .notice_list ul li.list .notice_list_wrap{position:relative;height:406px;margin:0px;} .notice_list ul li.list .notice_list_wrap h3 {overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;} .notice_list ul li.list .notice_list_wrap .txt{display:-webkit-box;overflow:hidden;height:144px;font-size:24px;line-height:36px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .notice_list ul li.list span.line {display:none;} .notice_list ul li.list .notice_list_wrap .date {margin:33px 0 0;} .notice_list ul li.list .notice_list_wrap .detail_wrap {bottom:70px;} .notice_list ul .detail_view {padding:0 0 40px;} .notice_list ul .detail_view .detail_view_wrap {} .notice_list ul .detail_view .detail_close {width:50px;right:-50px;} .notice_list ul .detail_view .detail_close img {width:100%;} } @media all and (min-width: 100px) and (max-width: 640px) { .notice .section_inner {padding:0;} .notice .section_inner ul li.head {width:100%;max-width:100%;} .notice .section_inner ul li.head .icon {padding:0 25px;} .notice .section_inner ul li.head .dec {padding:0 25px;line-height:18px;} .notice .section_inner ul li.head .dec br {display:none;} .notice .section_inner ul li.cont {width:100%;margin:35px 0 0;border:none;} .notice_list ul {margin:0 !important;} .notice_list ul .list {float:none !important;width:100% !important;height:initial !important;margin:30px 0 0 0px !important;padding:0;border-bottom:1px solid #e6e6e6;} .notice_list ul .list:first-child {margin-top:0px !important;} .notice_list ul .list .notice_list_wrap{position:relative;height:203px;margin:0px;} .notice_list ul .list .notice_list_wrap h3 {overflow:hidden;width:100%;margin-bottom:13px;font-size:15px;text-overflow:ellipsis;white-space:nowrap;} .notice_list ul .list .notice_list_wrap .txt{display:-webkit-box;overflow:hidden;height:54px;margin:0 0 16px;font-size:12px;line-height:18px;text-align:left;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .notice_list ul .list .notice_list_wrap span.line {display:none;} .notice_list ul .list .notice_list_wrap .date {font-size:12px;} .notice_list ul .list .notice_list_wrap .detail_wrap {bottom:35px;} .notice_list ul .detail_view {padding-top:0;margin:0 25px;float:none !important;width:inherit !important;} .notice_list ul .detail_view .detail_view_wrap{padding:0 0 50px;border-top:none;border-bottom:1px solid #e6e6e6;} .notice_list ul .detail_view .detail_view_wrap .detail_close {top:25px;bottom:inherit;right:-25px;width:25px;} .notice_list ul .detail_view .detail_view_wrap .detail_close img {width:100%;} .notice_list ul .list .notice_list_wrap {margin:0 25px;} } .detail_view .relasize {overflow:hidden;} .detail_view .relasize img {width:inherit !important;} .detail_view .noneResize img {width:inherit !important;} .detail_view .web100per img {width:100% !important;} .detail_view img {margin-bottom:0px;} .detail_view .boldTxt {font-weight:bold;} .detail_view p {line-height:24px;} .detail_view p .tl {text-align:left;} .detail_view p {} @media all and (min-width: 100px) and (max-width: 640px) { .detail_view .noneResize img {width:100% !important;} .detail_view .web100per img {width:inherit !important;} }