/* (주)한신정보기술 권정현 - 2017.08.31 */ #container {background:url('/site/eng/images/main/container_bg.gif') no-repeat center top;} @media screen and (max-width:800px) { #container {background-size:cover;} } #container > .rowgroup {position:relative;} #container > .rowgroup .wrap > .inner_wrap {padding-left:170px;} #container > .rowgroup .wrap > .inner_wrap .colgroup {position:absolute; top:0; left:0; width:170px; height:100%; background-color:#fff; background-color:rgba(255, 255, 255, 0.7);} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap {padding-left:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup {float:left; position:static; width:100%; height:auto;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup {float:none; width:auto;} } #container > .rowgroup .wrap > .inner_wrap .colgroup .about {position:relative;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 {height:132px; background-color:#e03f5f; line-height:132px; text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 span {display:inline-block; padding-bottom:34px; background:url('/site/eng/images/main/about_heading_icon.png') no-repeat center bottom; color:#fff; font-size:24px; line-height:26px; vertical-align:middle;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul {padding-top:50px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li {text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about2 {margin-top:50px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about3 {margin-top:50px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about4 {margin-top:60px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li a {display:inline-block; background-repeat:no-repeat; background-position:center top; color:#292929; font-size:17px; line-height:18px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about1 a {padding-top:84px; background-image:url('/site/eng/images/main/about_list1_icon.png');} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about2 a {padding-top:71px; background-image:url('/site/eng/images/main/about_list2_icon.png');} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about3 a {padding-top:75px; background-image:url('/site/eng/images/main/about_list3_icon.png');} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about4 a {padding-top:67px; background-image:url('/site/eng/images/main/about_list4_icon.png');} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 {position:absolute; top:0; left:0; width:25%; height:100%; line-height:normal;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 span {position:relative; top:50%; margin-top:-26px; padding-right:40px; padding-bottom:0; background-image:url('/site/eng/images/main/about_m_heading_icon.png'); background-position:right center; text-align:left;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 span strong {display:block;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul {padding-top:39px; padding-bottom:36px; padding-left:25%;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li {float:left; width:25%;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about2 {margin-top:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about3 {margin-top:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about4 {margin-top:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about1 a {padding-top:83px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about2 a {padding-top:83px; background-position:center 8px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about3 a {padding-top:83px; background-position:center 1px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul li.about4 a {padding-top:83px; background-position:center 7px;} } @media screen and (max-width:500px) { #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 {position:static; width:auto; padding-top:15px; padding-bottom:15px;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 span {top:0; margin-top:0; padding-right:0; padding-bottom:20px; background-image:url('/site/eng/images/main/about_heading_icon.png'); background-position:center bottom;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about h2 span strong {display:inline;} #container > .rowgroup .wrap > .inner_wrap .colgroup .about ul {padding-left:0;} } #container > .rowgroup .wrap > .inner_wrap .colgroup2 {float:left; width:579px;} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 {width:50%;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 {float:none; width:auto;} } #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup {margin-bottom:40px; padding-top:75px; padding-right:65px; padding-left:70px; background:url('/site/eng/images/main/popup_list_bg.png') no-repeat -45px 90px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list {min-height:227px; margin-bottom:40px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide a {display:block; overflow:hidden; position:relative; margin-bottom:35px; color:#000; font-size:30px; line-height:39px; white-space:nowrap; text-overflow:ellipsis;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide p {overflow:hidden; position:relative; height:138px; padding-left:255px; color:#393939; font-size:14px; line-height:23px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_control {font-size:0; text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_control li {display:inline; vertical-align:middle;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_control li button {display:inline-block; width:20px; height:12px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background:url('/site/eng/images/main/popup_dotIcon_off.png') no-repeat center left; font-size:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_control li.slick-active button {width:63px; background-image:url('/site/eng/images/main/popup_dotIcon_on.png');} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup {padding-top:21px; padding-right:5%; padding-left:5%; background-image:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list {min-height:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide a {margin-bottom:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide p {height:92px; padding-top:146px; background:url('/site/eng/images/main/popup_list_bg.png') no-repeat center -30px; background-size:auto 170px; padding-left:0;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup {padding-top:25px; padding-right:2.5%; padding-left:2.5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list {margin-bottom:20px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide a {overflow:visible; position:static; white-space:normal; text-overflow:clip; text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .popup .popup_list .popup_slide p {overflow:visible; position:static; height:auto;} } #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice {position:relative; padding-right:65px; padding-left:70px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice h2 {margin-bottom:20px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice h2 span {display:inline-block; padding-top:7px; padding-right:15px; padding-bottom:8px; padding-left:15px; color:#fff; font-size:19px; line-height:20px; font-weight:400; background-color:#000;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li {position:relative; margin-top:10px; padding-right:100px; padding-left:10px; background:url('/site/eng/images/main/notice_list_bu.gif') no-repeat left 10px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child {margin-top:0; margin-bottom:20px; padding-right:0; padding-bottom:20px; padding-left:0; border-bottom:1px solid #cdcfd3; background-image:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li + li + li + li + li {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li a {display:block; overflow:hidden; position:relative; color:#292929; font-size:15px; line-height:21px; white-space:nowrap; text-overflow:ellipsis;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child a {height:56px; margin-bottom:15px; font-size:18px; line-height:28px; font-weight:600; white-space:normal; text-overflow:clip;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li p {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child p {display:block; overflow:hidden; position:relative; height:14px; margin-bottom:25px; color:#454545; font-size:13px; line-height:14px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li time {display:block; position:absolute; top:0; right:0; color:#464646; font-size:13px; line-height:21px;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child time {position:static; color:#757575;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice > a {display:block; position:absolute; top:0; right:69px; width:26px; height:26px; border:1px solid #000; background:url('/site/eng/images/main/notice_more_icon.png') no-repeat center center; font-size:0; transition:transform 0.3s ease-in-out;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice > a:hover {transform:rotate(90deg);} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice {padding-right:5%; padding-bottom:50px; padding-left:5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li {padding-right:0; padding-left:0; background-image:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li time {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child time {display:block;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice {padding-right:2.5%; padding-bottom:25px; padding-left:2.5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li {padding-left:10px; background-image:url('/site/eng/images/main/notice_list_bu.gif');} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child {margin-bottom:0; padding-bottom:0; padding-left:10px; border-bottom-width:0; background-image:url('/site/eng/images/main/notice_list_bu.gif');} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li + li + li + li + li {display:block;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li a {overflow:visible; position:static; white-space:normal; text-overflow:clip;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child a {height:auto; margin-bottom:0; color:#292929; font-size:15px; line-height:21px; font-weight:400;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child p {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice ul li:first-child time {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup2 .notice > a {right:2.5%;} } #container > .rowgroup .wrap > .inner_wrap .colgroup3 {float:left; width:451px;} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 {width:50%;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 {float:none; width:auto;} } #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson {position:relative; width:851px; padding-top:45px; padding-bottom:30px; background:#005baa url('/site/eng/images/main/chairperson_bg.png') no-repeat 12px top;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap {width:451px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap {padding-left:230px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap h2 {margin-bottom:25px; color:#fff; font-size:23px; line-height:24px; font-weight:400;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap .chairperson_face {position:absolute; top:45px; left:45px; padding-right:10px; padding-bottom:10px; background:url('/site/eng/images/main/chairperson_face_bg.png') no-repeat right bottom; font-size:0; line-height:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul {line-height:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li {margin-top:10px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li:first-child {margin-top:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li.chairperson_list1 {background-color:#fff;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li.chairperson_list2 {border:2px solid #fff; background-color:#589dd1;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li a {display:block; font-size:17px; line-height:18px; text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li.chairperson_list1 a {padding-top:14px; padding-bottom:14px; color:#000;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li.chairperson_list2 a {padding-top:12px; padding-bottom:12px; color:#fff;} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson {width:auto;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap {width:auto; padding-right:5%; padding-left:5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap {padding-left:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap h2 {overflow:hidden; position:relative; white-space:nowrap; text-overflow:ellipsis;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap .chairperson_face {top:89px; left:5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap .chairperson_face img {width:108px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul {padding-top:20px; padding-left:128px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul li a {overflow:hidden; position:relative; white-space:nowrap; text-overflow:ellipsis;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson {padding-top:25px; padding-bottom:25px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap {padding-right:2.5%; padding-left:2.5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap {position:relative; padding-left:138px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap .chairperson_face {top:0; left:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap h2 {overflow:visible; position:static; white-space:normal; text-overflow:clip;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .chairperson .chairperson_wrap .inner_wrap ul {padding-top:0; padding-left:0;} } #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup {position:relative; width:851px; height:236px; background:url('/site/eng/images/main/laws_guidelines_bg.gif') no-repeat left top; line-height:0; font-size:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap {width:451px; text-align:right; line-height:236px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap a {display:inline-block; height:202px; line-height:202px; vertical-align:middle;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap a:first-child {margin-right:11px;} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup {width:auto; background-size:cover;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap {width:auto; height:100%; padding-right:10px; padding-left:10px; line-height:0; text-align:center;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap:before {display:inline-block; width:0; height:100%; vertical-align:middle; content:'';} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap a {width:50%; height:auto; padding:10px; line-height:0; box-sizing:border-box;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap a:first-child {margin-right:0;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap:before {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup {height:auto;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .popup .popup_wrap {height:auto;} } #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines {width:851px; background-color:#003b6f;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap {width:451px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap {padding-top:40px; padding-bottom:50px; padding-left:40px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap h2 {margin-bottom:25px; color:#fff; font-size:23px; line-height:24px; font-weight:400;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li {margin-left:10px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li:first-child {margin-left:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > button.open {height:auto; padding-top:6px; padding-right:13px; padding-bottom:7px; padding-left:0; border-bottom:1px solid #b3c5d4; color:#fff; font-size:16px; text-align:left; transition-property:padding-left, border-bottom-width, background-color; transition-duration:0.3s; transition-timing-function:ease-in-out;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li.active > button.open {padding-left:13px; border-bottom-width:0; background-color:#589dd1;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li.active > button.open:hover {text-decoration:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content {padding-top:25px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li {position:relative; margin-top:10px; padding-right:100px; padding-left:15px; background:url('/site/eng/images/main/lawsGuidelines_list_bu.gif') no-repeat left 9px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li:first-child {margin-top:0;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li + li + li + li {display:none;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li a {display:block; overflow:hidden; position:relative; color:#fff; font-size:14px; line-height:20px; white-space:nowrap; text-overflow:ellipsis;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li time {display:block; position:absolute; top:0; right:0; color:#fff; font-size:13px; line-height:20px;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content > a {display:block; position:absolute; top:-30px; right:0; width:26px; height:26px; border:1px solid #fff; background:url('/site/eng/images/main/lawsGuidelines_more_icon.png') no-repeat center center; font-size:0; transition:transform 0.3s ease-in-out;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content > a:hover {transform:rotate(90deg);} @media screen and (max-width:800px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines {width:auto;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap {width:auto;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap {padding-right:5%; padding-left:5%;} } @media screen and (max-width:640px) { #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap {padding-top:25px; padding-right:2.5%; padding-bottom:25px; padding-left:2.5%;} #container > .rowgroup .wrap > .inner_wrap .colgroup3 .laws_guidelines .laws_guidelines_wrap .inner_wrap .tab_menu > .tab_menu_wrap > ul.clearfix > li > .tab_content ul li + li + li + li {display:block;} } #container > .rowgroup2 > .rowgroup {background-color:#3b444c; background-color:rgba(59, 68, 76, 0.7);} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup {background-color:transparent;} } #container > .rowgroup2 > .rowgroup .quick_menu {width:1600px; background-color:#ffcc27; background-color:rgba(255, 204, 39, 0.7);} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap {width:1200px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap {position:relative; padding-left:203px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap h2 {position:absolute; top:50%; left:0; width:203px; margin-top:-10px; color:#362900; font-size:19px; line-height:20px; font-weight:400; text-align:center;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul {padding-top:40px; padding-bottom:40px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li {float:left; margin-left:25px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li:first-child {margin-left:0;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li a {display:block; padding-bottom:15px; padding-right:45px; border-bottom:1px solid #b49a32; background:url('/site/eng/images/main/quickMenu_list_icon.png') no-repeat right top; color:#362900; font-size:17px; line-height:26px;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup .quick_menu {width:auto; padding-right:2.5%; padding-left:2.5%;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap {width:auto;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap {padding-left:0;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap h2 {position:static; width:auto; margin-top:0; padding-top:30px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul {margin-top:-15px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li {width:31%; margin-top:15px; margin-left:3.5%;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li:last-child {width:100%; margin-left:0;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li a {overflow:hidden; position:relative; white-space:nowrap; text-overflow:ellipsis;} } @media screen and (max-width:640px) { #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul {padding-top:30px; padding-bottom:30px;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li {float:none; width:auto; margin-left:0;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li:last-child {width:auto;} #container > .rowgroup2 > .rowgroup .quick_menu .quick_menu_wrap .inner_wrap ul li a {overflow:visible; position:static; white-space:normal; text-overflow:clip;} } #container > .rowgroup2 > .rowgroup2 {background-color:#fff;} #container > .rowgroup2 > .rowgroup2 .wrap {padding-top:20px; padding-bottom:20px;} #container > .rowgroup2 > .rowgroup2 .rowgroup {float:left; width:50%;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .wrap {padding-top:30px; padding-right:2.5%; padding-bottom:30px; padding-left:2.5%;} #container > .rowgroup2 > .rowgroup2 .rowgroup {float:none; width:auto; margin-bottom:40px;} } @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .rowgroup {margin-bottom:10px;} } #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul {line-height:0; font-size:0;} #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul li {float:left; margin-left:25px; padding-left:25px; background:url('/site/eng/images/main/banner_list_line.gif') no-repeat left 6px;} #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul li:first-child {margin-left:0; padding-top:6px; padding-left:0; background-image:none;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .rowgroup .banner {text-align:center;} #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul {display:inline-block;} } @media screen and (max-width:640px) { #container > .rowgroup2 > .rowgroup2 .rowgroup .banner {text-align:left;} #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul {display:block;} #container > .rowgroup2 > .rowgroup2 .rowgroup .banner ul li {width:50%; margin-left:0; padding-right:25px; box-sizing:border-box; text-align:center;} } #container > .rowgroup2 > .rowgroup2 .rowgroup2 {float:left; width:50%;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .rowgroup2 {float:none; width:auto; font-size:0; text-align:center;} } #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer {float:left; width:50%;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer .viewer_wrap {padding-right:40px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer .viewer_wrap .inner_wrap {padding-right:21px; padding-left:19px; background-color:#f5f5f5; text-align:center;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer .viewer_wrap .inner_wrap a {display:block; padding-top:11px; padding-right:17px; padding-bottom:11px; background:url('/site/eng/images/main/viewer_anchor_icon.png') no-repeat right 12px; color:#4e4e4e; font-size:14px; line-height:15px; text-align:left;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer {display:inline-block; float:none; width:auto; margin-top:10px; margin-right:10px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer .viewer_wrap {padding-right:0;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .viewer .viewer_wrap .inner_wrap a {padding-right:60px;} } #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site {float:left; position:relative; width:50%; background-color:#f5f5f5;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap {padding-right:19px; padding-left:23px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap button.open {display:block; width:100%; height:auto; padding-top:8px; padding-right:17px; padding-bottom:9px; padding-left:0; background:url('/site/eng/images/main/site_openButton_off.png') no-repeat right 14px; color:#4e4e4e; font-size:14px; text-align:left;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target {position:absolute; bottom:0; left:0; width:100%; background-color:#f5f5f5;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap {position:relative; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap h2 {margin-bottom:10px; padding-right:17px; padding-bottom:20px; color:#000; font-size:15px; line-height:16px; font-weight:400; border-bottom:1px solid #000;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap ul {line-height:0;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap ul li {margin-top:10px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap ul li:first-child {margin-top:0;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap ul li a {display:block; color:#4e4e4e; font-size:13px; line-height:14px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target .inner_wrap button.close {display:block; position:absolute; top:25px; right:20px; width:17px; height:9px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background:url('/site/eng/images/main/site_openButton_on.png') no-repeat center center; font-size:0;} @media screen and (max-width:800px) { #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site {display:inline-block; float:none; width:auto; margin-top:10px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap button.open {padding-right:60px;} #container > .rowgroup2 > .rowgroup2 .rowgroup2 .site > .inner_wrap .target {text-align:left;} }