/* �ǰ��� */ .tabmenu {position:relative; overflow:hidden; width:100%; margin:0 0 25px; box-sizing:border-box; border-radius:5px;} .tabmenu > li > a{display:block; position:absolute; top:0; left:0; width:20%; background-color: #fff; height:58px; line-height:57px; font-weight:700; box-sizing:border-box; border:1px solid #ddd; text-align:center; text-decoration:none;} .tabmenu > li.on > a{color:#fff;border: none; background:#8f600f; box-shadow: 0 0 5px 5px rgba(255,255,255,0.1);} .tabmenu > li > .con{display:none; padding:129px 0 0 0;} .tabmenu > li.on > .con{display:block;} .tabmenu > li:nth-child(2) > a{left:20%;} .tabmenu > li:nth-child(3) > a{left:40%;} .tabmenu > li:nth-child(4) > a{left:60%;} .tabmenu > li:nth-child(5) > a{left:80%;} .tabmenu > li:nth-child(6) > a{top:57px;} .tabmenu > li:nth-child(7) > a{top:57px; left:20%;} .tabmenu > li:nth-child(8) > a{top:57px; left:40%;} .tabmenu > li:nth-child(9) > a{top:57px; left:60%;} .tabmenu > li:nth-child(10) > a{top:57px; left:80%;} .tabmenu > li:nth-child(11) > a{top:114px;} .tabmenu > li:nth-child(12) > a{top:114px; left:20%;} .tabmenu > li:nth-child(13) > a{top:114px; left:40%;} .tabmenu > li:nth-child(14) > a{top:114px; left:60%;} .tabmenu > li:nth-child(15) > a{top:114px; left:80%;} .tabmenu2 {position:relative; overflow:hidden; width:100%; margin:0 0 32px;} .tabmenu2 > li{float:left; width:33.33%; padding:0 5px 9px 4px; font-size:18px; letter-spacing:-1px; box-sizing:border-box;} .tabmenu2 > li > a{position:relative; display:block; height:59px; line-height:58px; padding:0 0 0 18px; border:1px solid #dedede; border-radius:5px; transition:0.2s ease-in;} .tabmenu2 > li > a:after{content:''; display:block; position: absolute; top:50%; right:22px; width:12px; margin:-3px 0 0 0; border-top:5px solid #dcdcdc;} .tabmenu2 > li > a.on, .tabmenu2 > li > a:hover{color:#292e44; border-color:#292e44; font-weight:800; box-shadow:inset 0 0 0 2px #292e44;} .tabmenu2 > li > a:hover:after, .tabmenu2 > li > a.on:after{border-top:5px solid #292e44; border-left:6px solid transparent; border-right:6px solid transparent; transition:0.2s ease-in;} #box_border {position: relative; display: block; width: 100%; height: auto;border-radius: 20px; padding: 39px 50px 39px 60px; box-sizing: border-box; background: url(/images/kr/intro/bg_line.jpg); z-index: 1;} #box_border::after {position: absolute; display: block; content: ''; border-radius: 16px; top: 5px; left: 5px; background: #fff; width: calc(100% - 10px); height: calc(100% - 10px); z-index: -1;} .dot>li:after {top: 7.5px;} #sub_default .con_box.noImg {padding: 40px 50px; border-radius: 20px;background-color: #f8f8f8; border: 2px solid #a67c19 !important;} #sub_default .con_box.noImg::before { content: ""; display: block; position: absolute; bottom: -2px; right: -2px; width: 93%; height: 80%; border-radius: 0 0 18px 0; background-color: #f8f8f8; z-index: 0; } /* ul */ .caret_r > li{position:relative; padding:0 0 0 14px; color:#000; line-height:170%;} .caret_r > li:before{content:''; position:absolute; left:0; top:7px; display:block; width:0; height:0; border:6px solid #f15a1f; border-color: transparent transparent transparent #f15a1f;} .caret_r > li:not(:last-child){margin:0 0 5px 0;} @media all and (max-width:1024px) { #fontSize {width: 100%;} /* �ǰ��� */ .tabmenu2 > li{font-size:17px;} .tabmenu2 > li > a{height:53px; line-height:54px;} } @media all and (max-width:768px) { /* �ǰ��� */ .tabmenu > li > a{height:49px; line-height:48px;} .tabmenu > li:nth-child(n + 7) > a{top:48px;} .tabmenu > li > .con{padding:117px 0 0 0;} .tabmenu2{margin:0 0 25px;} .tabmenu2 > li{font-size:16px;} .tabmenu2 > li > a{height:49px; line-height:51px; padding:0; text-align:center;} .tabmenu2 > li > a:after{display:none;} } @media all and (max-width:568px) { /* �ǰ��� */ .tabmenu > li:nth-child(n + 7) > a{top:42px;} .tabmenu > li > .con{padding:102px 0 0 0;} .tabmenu2 {margin:0 0 20px;} .tabmenu2 > li{width:50%; font-size:15px; padding:0 3px 6px 3px;} .tabmenu2 > li > a{height:43px; line-height:44px;} } @media all and (max-width:380px) { /* �ǰ��� */ .tabmenu2 {margin:0 0 20px;} .tabmenu2 > li{width:50%; font-size:15px; padding:0 3px 6px 3px;} .tabmenu2 > li > a{height:43px; line-height:44px;} } /* ��ȸ����*/ #sub_history h4 {position: absolute; top: 0; left: 0;} #sub_history .tabmenu{border-radius:0;} #sub_history .tabbtn {position: relative; width: 100%;} #sub_history .tabbtn h4 {position: absolute;top: 100px; left: 40px; width: auto; transform: translateY(-50%); font-family: "score_800"; font-size: 30px;color: #fff0b6; letter-spacing: 0;} #sub_history .tabbtn h4::after { content: ""; display: block; position: absolute; top: 30%; right: -60px; width: 36px; height: 6px; background: url("../../images/ch/sub/ico_history.png") center no-repeat; } #sub_history .tabbtn::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 190px; border-radius: 20px; background: url("../../images/ch/sub/bg_tab.png") left center / cover no-repeat; z-index: -1; } #sub_history .tabmenu > li > .con {padding:240px 0 0;} .tabmenu > li > a {height: 50px; line-height: 50px;} #sub_history .tabmenu > li > a{top:40px;width:calc((100% - 640px) / 8);font-size:16px;border-radius:10px;} #sub_history .tabmenu > li:nth-child(1) > a{left:calc(100% - 710px);} #sub_history .tabmenu > li:nth-child(2) > a{left:calc((100% - 710px) + (100% - 640px) / 8 + 10px);} #sub_history .tabmenu > li:nth-child(3) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 2 + 20px);} #sub_history .tabmenu > li:nth-child(4) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 3 + 30px);} #sub_history .tabmenu > li:nth-child(5) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 4 + 40px);} #sub_history .tabmenu > li:nth-child(6) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 5 + 50px);} #sub_history .tabmenu > li:nth-child(7) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 6 + 60px);} #sub_history .tabmenu > li:nth-child(8) > a{left:calc((100% - 710px) + (100% - 640px) / 8 * 7 + 70px);} #sub_history .tabmenu > li:nth-child(9) > a{top:100px;left:calc(100% - 710px);} #sub_history .tabmenu > li:nth-child(10) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 1 + 10px);} #sub_history .tabmenu > li:nth-child(11) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 2 + 20px);} #sub_history .tabmenu > li:nth-child(12) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 3 + 30px);} #sub_history .tabmenu > li:nth-child(13) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 4 + 40px);} #sub_history .tabmenu > li:nth-child(14) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 5 + 50px);} #sub_history .tabmenu > li:nth-child(15) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 6 + 60px);} #sub_history .tabmenu > li:nth-child(16) > a{top:100px;left:calc((100% - 710px) + (100% - 640px) / 8 * 7 + 70px);} #sub_history .history_box::before {display: block; content: ''; clear: both;} #sub_history .h_left {display: table-cell; box-sizing: border-box;} #sub_history .h_left h4 {font-family: "gmarket_bold"; position: relative; font-size: 30px; color: #0a72a2; padding: 0 0 0 35px; margin: 39px 0 35px 15px;} #sub_history .h_left h4::after { content: ""; display: block; position: absolute; top: -2px; left: 0; width: 27px; height: 27px; background: url("../../images/ch/sub/ico_bullet.png") center / contain no-repeat; } #sub_history .h_left .list_box {width: 100%;} #sub_history .h_left .list_box li {position: relative; font-family: "score_500"; font-size: 17px; width: 86.18%; color: #333; padding: 0 0 17px 25px; margin: 0 0 15px 0; border-bottom: 1px solid #ccc;} #sub_history .h_left .list_box li::after {position: absolute; content: ''; width: 8px; height: 3px; background: #0a72a2; top: 10px; left: 8px;} #sub_history .h_right {position: relative; display: table-cell; vertical-align: middle; width: calc(100% - 60%);height: 328px; border-radius: 20px;} #sub_history .h_right::before {content: ""; display: block; border-radius: 20px; position: absolute; top: 10px; left: 10px; background-color: #ddd; width: 100%;height: 100%; } #sub_history .h_right img {width: 100%; height: 100%; border-radius: 20px; position: relative;object-fit: cover;} #sub_history .memberlist {margin-top: 60px;} #sub_history .mem_list td:last-child {padding: 14px 0 8px 14px;text-align: left;} #sub_history .mem_list ul {font-size: 0; width: 100%;} #sub_history .mem_list ul li {display: inline-block; width: 8.15%; margin: 0 6px 6px 0;} #sub_history .mem_list ul li a {display: block; width: 100%; height: 31px; line-height: 32px; font-weight: 700; font-size: 16px; color: #fff; background: #044748; border-radius: 3px; text-align: center;} @media all and (max-width: 1680px){ #sub_history .tabmenu > li > a{top:40px;width:6.3%;font-size:16px;border-radius:10px;} #sub_history .tabmenu > li:nth-child(1) > a{left:41.8033%;} #sub_history .tabmenu > li:nth-child(2) > a{left:calc(41.8033% + 7.1% * 1);} #sub_history .tabmenu > li:nth-child(3) > a{left:calc(41.8033% + 7.1% * 2);} #sub_history .tabmenu > li:nth-child(4) > a{left:calc(41.8033% + 7.1% * 3);} #sub_history .tabmenu > li:nth-child(5) > a{left:calc(41.8033% + 7.1% * 4);} #sub_history .tabmenu > li:nth-child(6) > a{left:calc(41.8033% + 7.1% * 5);} #sub_history .tabmenu > li:nth-child(7) > a{left:calc(41.8033% + 7.1% * 6);} #sub_history .tabmenu > li:nth-child(8) > a{left:calc(41.8033% + 7.1% * 7);} #sub_history .tabmenu > li:nth-child(9) > a{top:105px;left:41.8033%;} #sub_history .tabmenu > li:nth-child(10) > a{top:105px;left:calc(41.8033% + 7.1% * 1);} #sub_history .tabmenu > li:nth-child(11) > a{top:105px;left:calc(41.8033% + 7.1% * 2);} #sub_history .tabmenu > li:nth-child(12) > a{top:105px;left:calc(41.8033% + 7.1% * 3);} #sub_history .tabmenu > li:nth-child(13) > a{top:105px;left:calc(41.8033% + 7.1% * 4);} } @media all and (max-width:1280px){ #sub_history .tabbtn h4 {left: 13px; font-size: 27px;} #sub_history .tabbtn h4::after {right: -43px;} } @media all and (max-width: 1240px){ #sub_history .h_left h4 {font-size: 24px;} } @media all and (max-width: 1024px){ #sub_history .history_box {padding: 40px;} #sub_history .tabmenu > li > .con {padding: 230px 0 0;} #sub_history .tabbtn::after {background-position: left center;} } @media all and (max-width: 768px){ #sub_history .tabbtn::after {height: 260px;} #sub_history #box_border {padding: 32px;} #sub_history .tabbtn h4 {top: 46px;} #sub_history .tabmenu > li > .con {padding: 290px 0 0;} #sub_history .con_box.noImg{padding:32px 36px !important;} #sub_history .tabmenu > li > .con {padding: 290px 0 0;} #sub_history .tabmenu > li > a {height: 47px; line-height: 47px;} #sub_history .tabmenu > li > a{top:76px;width:calc((100% - 45px) / 6);} #sub_history .tabmenu > li:nth-child(1) > a{left:10px;} #sub_history .tabmenu > li:nth-child(2) > a{left:calc(10px + (100% - 45px) / 6 + 5px);} #sub_history .tabmenu > li:nth-child(3) > a{left:calc(10px + (100% - 45px) * 2 / 6 + 10px);} #sub_history .tabmenu > li:nth-child(4) > a{left:calc(10px + (100% - 45px) * 3 / 6 + 15px);} #sub_history .tabmenu > li:nth-child(5) > a{left:calc(10px + (100% - 45px) * 4 / 6 + 20px);} #sub_history .tabmenu > li:nth-child(6) > a{left:calc(10px + (100% - 45px) * 5 / 6 + 25px);} #sub_history .tabmenu > li:nth-child(7) > a{top:131px;left:10px;} #sub_history .tabmenu > li:nth-child(8) > a{top:131px;left:calc(10px + (100% - 45px) / 6 + 5px);} #sub_history .tabmenu > li:nth-child(9) > a{top:131px;left:calc(10px + (100% - 45px) * 2 / 6 + 10px);} #sub_history .tabmenu > li:nth-child(10) > a{top:131px;left:calc(10px + (100% - 45px) * 3 / 6 + 15px);} #sub_history .tabmenu > li:nth-child(11) > a{top:131px;left:calc(10px + (100% - 45px) * 4 / 6 + 20px);} #sub_history .tabmenu > li:nth-child(12) > a{top:131px;left:calc(10px + (100% - 45px) * 5 / 6 + 25px);} #sub_history .tabmenu > li:nth-child(13) > a{top:187px;left:10px;} #sub_history .tabmenu > li:nth-child(14) > a{top:187px;left:calc(10px + (100% - 45px) / 6 + 5px);} #sub_history .tabmenu > li:nth-child(15) > a{top:187px;left:calc(10px + (100% - 45px) * 2 / 6 + 10px);} #sub_history .tabmenu > li:nth-child(16) > a{top:187px;left:calc(10px + (100% - 45px) * 3 / 6 + 15px);} #sub_history .tabmenu > li:nth-child(17) > a{top:187px;left:calc(10px + (100% - 45px) * 4 / 6 + 20px);} #sub_history .h_left {margin-top: 410px; display: block;} #sub_history .h_left h4 {margin: 0; font-size: 22px; padding-bottom: 20px;} #sub_history .h_left .list_box li {width: 96%; font-size: 16px;} #sub_history .h_right {position: absolute; top: 30px; left: 50%; transform: translateX(-51%); width: 86%;} #sub_history .mem_list ul li {width: 18.5%; margin-right: 1.45%;} } @media all and (max-width: 568px){ #sub_history .h_left {margin-top: 380px;} #sub_history .h_left h4 {font-size: 20px; padding: 0 0 20px 26px;} #sub_history .h_left .list_box li {font-size: 15px;} #sub_history .tabmenu > li > a{font-size: 15px;} #sub_history .mem_list ul li a {font-size: 15px;} #sub_history .h_left h4::after {width: 20px;height: 20px;} } @media all and (max-width: 480px){ #sub_history .tabbtn h4 {font-size: 24px;} } @media all and (max-width: 380px){ #sub_history .history_box {padding: 30px;} #sub_history .h_left h4 {font-size: 18px;} #sub_history .h_left .list_box li {font-size: 14px; padding-bottom: 12px;} #sub_history .mem_list ul li {width: 23.5%;} #sub_history .mem_list ul li a {font-size: 14px;} } /* ��ȸ���� */ #sub_org .org {text-align: center; min-height: 640px; padding: 50px 18% 60px; margin-bottom: 30px; border:1px dashed #c3c3c3; border-radius:5px;} #sub_org .org span a{display:block; color:#fff;} #sub_org .org1 span {position: relative;display: inline-block; width: 25%; height: 60px; line-height: 60px; background: #0068b9;text-align: center;color: #fff;border-radius: 15px;font-size: 20px;font-weight: 900;} #sub_org .org1 > span {border-radius: 50%;width: 150px;height: 150px;line-height: 150px; background: linear-gradient(90deg, #2fa4c5, #258fc0 );} #sub_org .org1 > span::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 221px; height: 151px; transform: translate(-50%,-50%); background: url("../../images/ch/sub/bg_org.png") center no-repeat; } #sub_org .org2 {display: inline-block;width: 32%;margin-top: 33px;} #sub_org .org2 span {width: 100%; height: 58px;font-family: "score_500"; font-weight: 500;} #sub_org .org1_2 span {background: linear-gradient(90deg, #258fc0, #2fa4c5 )} #sub_org .org2_1 span,#sub_org .org2_2 span {background: linear-gradient(90deg, #ca6909, #cc850b )} #sub_org .org1_2{text-align:left;} #sub_org .comm {display: inline-block;width: 32%;vertical-align: top;margin-top: 64px;} #sub_org .comm span {position: relative; width: 100%; font-size: 20px; font-weight: 700; background: #159db1; z-index: 1;} #sub_org .comm ul {position: relative; top: -4px; height: auto; padding: 20px 25px; border: 1px solid #b3dfe6; background: #fff; border-radius: 0 0 3px 3px; z-index: 0; box-sizing: border-box; z-index: 1;} #sub_org .comm ul li {position: relative;text-align: left;color: #333;padding: 0 10px 0 5px;margin-bottom: 13px;font-size:16px;line-height:150%;} #sub_org .comm ul li:last-child {margin-bottom: 0;} #sub_org .comm ul li::after {position: absolute; content: ''; top:10px; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #333;} #sub_org .comm ul li::before {position: absolute; content: ''; width: 11px; height: 11px; background: url(/images/kr/intro/ico_com_new.jpg) no-repeat; top: 3px; right: 0;} #sub_org .comm ul li a {word-break: break-all;} #sub_org .org3 span,#sub_org .org4 span{background:#fff; border:1px solid #2087c2; color: #1b79af;} #sub_org .org3 ul,#sub_org .org4 ul{margin-top: 15px; background-color: #f7f7f7; border: 1px dashed #2087c2; border-radius: 5px;} #sub_org .org1 span::after {position: absolute;content: '';width: 1px;height: 278px;top: 150px;left: 49.56%;background: #ddd;} #sub_org .org2 span::after, #sub_org .org3 span::after {width: 115%; height: 1px; top: 29px; left: 100%;} #sub_org .org3 span::after {top: 31px;} #sub_org .org2:last-child span::after, #sub_org .org4 span::after {display: none;} #sub_org .org1_2{z-index:1;position:relative;} #sub_org .org1_2:after {display:block; z-index:-1; position: absolute; content: ''; width:60%; height: 1px; top: 29px; right:96%; background: #ddd;} #sub_org .org5{background:#159db1 !important;} #sub_org .org5::after{height:32px !important;} #sub_org .org6_wrap{position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; padding:32px 0 0 0;} #sub_org .org6_wrap:before{content:''; position:absolute; top:32px; left:50%; width:calc(100% - ((100% - 54px) / 4)); height:18px; border:1px solid #ddd; border-width:1px 1px 0 1px; transform:translateX(-50%);} #sub_org .org6_wrap>li{position:relative; flex:0 0 auto; width:calc((100% - 54px) / 4); padding:18px 0 0 0; margin:0;} #sub_org .org6_wrap>li>span{display:flex; align-items:center; justify-content:center; line-height:130%;} #sub_org .org6_wrap>li>span br{display:none;} #sub_org .org6_wrap>li:nth-child(2):before,#sub_org .org6_wrap>li:nth-child(3):before{content:''; position:absolute; top:0; left:calc(50% - 0.5px); width:1px; height:18px; background:#ddd;} #sub_org .org6_wrap>li>ul{min-height:108px;} #sub_org .org6_wrap>li>div{min-height:108px; position: relative; top: -4px; height: auto; padding: 20px 25px; border: 1px solid #b3dfe6; background: #fff; border-radius: 0 0 3px 3px; z-index: 0; box-sizing: border-box; z-index: 1;} #sub_org .org6_wrap>li>ul>*:not(li){display:none;} #sub_org .org6 span::after{display:none;} #sub_org .org6>ul>li:not(:last-child){margin-bottom:6px;} #sub_org .org6>ul>li::before{display:none;} @media all and (max-width:1680px){ #sub_org .org {padding: 50px 10% 60px;} #sub_org .org1 span {font-size: 17px;} #sub_org .comm span {font-size: 17px;} } @media all and (max-width:1280px){ #sub_org .org {padding: 50px 7% 60px;} } @media all and (max-width:1024px){ #sub_org .org2, #sub_org .comm {width: 45%;} #sub_org .org1_2:after{left:-11%} } @media all and (max-width:930px){ #sub_org .org6_wrap>li>span br{display:block;} } @media all and (max-width:768px){ #sub_org .con_box br{display:none;} #sub_org .org {padding: 50px 8% 60px;} #sub_org .comm {width: 100%;} #sub_org .comm:not(.org6):last-child {margin-top: 20px;} #sub_org .comm:not(.org6):first-child ul {min-height: 260px;} #sub_org .org1 > span::after {height: 800px;} #sub_org .org3 span::after{display: none;} #sub_org .org6_wrap:before{width:calc(100% - ((100% - 36px) / 3));} #sub_org .org6_wrap>li{width:calc((100% - 36px) / 3);} #sub_org .org6_wrap>li:nth-child(3):before{display:none;} } @media all and (max-width:568px){ #sub_org .org5{width:35% !important;} #sub_org .org6_wrap:before{width:calc(100% - ((100% - 18px) / 2));} #sub_org .org6_wrap>li{width:calc((100% - 18px) / 2);} #sub_org .org6_wrap>li>ul{padding:20px 18px;} #sub_org .org1 span {font-size: 17px;} #sub_org .comm span {font-size: 17px;} } /* ��ȸ�繫ó */ #sub_office1 #box_border {padding: 54px 3% 32px; margin-bottom: 50px; border:1px dashed #c3c3c3; border-radius:5px; background:none;} #sub_office1 .org {position: relative; transform: rotate(-0.03deg);} #sub_office1 .org .top_title {position: relative;margin: 0 auto 100px;border-radius: 50%;width: 150px;height: 150px;line-height: 150px; background: linear-gradient(90deg, #2fa4c5, #258fc0 );} #sub_office1 .org .top_title::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 221px; height: 151px; transform: translate(-50%,-50%); background: url("../../images/ch/sub/bg_org.png") center no-repeat; } #sub_office1 .org .top_title span {font-size:18px; font-weight:500; color: #fff;} #sub_office1 .org span {line-height: 27px !important;} #sub_office1 .org span, #sub_office1 .org .name {height: 59px;line-height: 59px;font-size: 18px;color: #1b79af;text-align: center;border-radius: 3px;font-weight: 900;} #sub_office1 .org a {color:#fff; display:block;text-align: center; height: 100%;} #sub_office1 .org .top_title span {height: 100%;} #sub_office1 .org .name {background: #fff; border: 1px solid #2087c2; border-radius: 15px;} #sub_office1 ul .org .name::after { content: ""; display: block; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); background-color: #2087c2; border: 2px solid #fff; width: 10px; height: 10px; border-radius: 50%; z-index: 2; } #sub_office1 .org .team {display:flex;flex-wrap:wrap;font-size: 0;} #sub_office1 .org .team ul {position: relative;margin: 0 1% 0 0;width: 19.2%;vertical-align: top;} #sub_office1 .org .team ul:nth-child(5n) {margin: 0;} #sub_office1 .org span {position: relative;padding: 0;margin-left: 10px; background:none;font-family: "score_500"; font-weight: 500;font-size: 19px;z-index: 2;display: flex; justify-content: center; align-items: center;} #sub_office1 .org .top_title span:before {background: url("../../images/kr/intro/ico_com_new.png") center no-repeat; top: 12%;} #sub_office1 .org span::before{display: inline-block; content: '';width: 13px;height: 13px;background: url("../../images/ch/sub/ico_open.png") no-repeat; order: 2; margin-left: 10px;} #sub_office1 .org .team .dot {display: block; position: relative; top: -2px; width: 100%; min-height: 122px; border-radius: 5px; border: 1px dashed #2087c2; padding: 15px; background-color: #f7f7f7; margin: 15px 0 22px 0; box-sizing: border-box; color: #333; font-size: 16px;} #sub_office1 .org .team .dot > li {padding: 0 0 5px 10px; font-size: 16px;} #sub_office1 .org .team .dot > li:last-child {padding: 0 0 0 10px;} #sub_office1 .dot > li:before {top: 10px;} #sub_office1 .dot>li:after {top: 6.5px;} #sub_office1 .dot>li:before {width: 2px; height: 2px; background-color: #333;} #sub_office1 .org:after, #sub_office1 .org .top_title:after, #sub_office1 .org .line01 ul span:after{position: absolute; content: ''; width: 1px; height: 59px; top: 150px; left: 50%; background: #ddd;} #sub_office1 .org:after {width: calc(100% - 179px); height: 41px; top: 209px; left: 90px; background:none; border:1px solid #ddd; border-bottom:none;} #sub_office1 .org .team ul span:after {width: 1px;height: 40px;top: -42px;left: 50%;} #sub_office1 .org .team ul span::before {bottom: 39px;} #sub_office1 .org .team ul:first-child span:after, #sub_office1 .org .team ul:nth-child(n + 5) span:after {display:none;} @media all and (max-width:1680px){ #sub_office1 .org span {font-size: 17px;} } @media all and (max-width:980px){ #sub_office1 .org span {margin-left: 5px;} #sub_office1 .org span::before {margin-left: 5px;} } @media all and (max-width:768px){ #sub_office1 .con_txt #box_border {padding: 54px 5% 32px;} #sub_office1 .org .team {justify-content: space-between} #sub_office1 .org .team ul {margin: 0;width: 47%;} #sub_office1 .org .team ul:nth-child(2n) {margin-right: 0;} #sub_office1 .org:after {width: 52.7%; left: 23.5%;} #sub_office1 .org .line01 ul span:after {display: none;} #sub_office1 .org span {font-size: 15px;} #sub_office1 .org .team .dot > li {font-size: 14px;} } @media all and (max-width:480px){ #sub_office1 .org span {margin-left: 0;} #sub_office1 .org span::before {margin-left: 3px;} } /* ã�ƿ��ô±� */ #sub_location .txt_box {margin-top: 35px;} #sub_location .dot span {position: absolute; top: 0; left: 15px; font-size: 19px; font-weight: 900; color: #363c5a;} #sub_location .dot > li {padding: 1px 0 15px 70px;} #sub_location .dot > li:last-child {padding: 35px 0 0 9px;} #sub_location .dash li {padding: 0 0 10px 10px;} #sub_location .dash > li:before {top: 8px;} #sub_location #map {width: 100%; height: 400px; margin-bottom: 80px; border: 1px solid #18567c;} #map .map_label{display: flex; align-items: center; position: relative; padding: 10px 18px; background: #fff; border: 1px solid #ddd; border-radius: 30px; font-size: 18px; font-weight: 700; color: #111; box-shadow: 0 3px 10px rgba(0,0,0,.15); white-space: nowrap;} #map .map_label:after{content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -8px; border-width: 10px 8px 0; border-style: solid; border-color: #fff transparent transparent;} #map .map_label:before{content: ''; background: url(/images/common/ico_logo.png) no-repeat center; width: 30px; height: 30px; display: inline-block; background-size: contain; vertical-align: sub; margin-right: 5px;} #map img {max-width: none !important;} #sub_location .con_box {position: relative;} #sub_location div.infor {background: #18567c; color: #fff; padding: 35px 45px; width: 70%; border-radius: 35px 0px 10px 10px; position: absolute; top: 530px; right: -2px; z-index: 1; box-sizing: border-box;} #sub_location div.infor strong {margin-right: 15px;} /* 의회에서 하는일 */ /* 의회에서하는 일 공통 */ #sub_default {font-family: "score_300"; font-size:17px;letter-spacing:-0.075em;word-break:keep-all;} #sub_default h4 + ul{margin-top:0 !important;} #sub_default h4 ~ ul{margin:-18px 0 25px; padding:0;} #sub_default .con_box{position: relative; min-height:244px; border-radius: 20px; padding:50px 30px 50px 255px; margin:0 0 40px 0; box-sizing: border-box; background-color: #f8f5ed; border-bottom-right-radius:30px; word-break:keep-all;} #sub_default .con_box:not(.noImg)::after {content:''; position:absolute; top:48px; left:50px; display:block; width:174px; height:174px; border: 1px dashed #724f08; border-radius: 50%; background: #fff url("../../images/ch/sub/ico_work.png") center no-repeat;} #sub_default .con_box.noImg{min-height:unset; padding:32px 36px;} #sub_default .con_box>*{letter-spacing:-0.075em;} #sub_default .con_box dt{margin-bottom:20px; font-size: 28px; font-weight: 600; position: relative; z-index: 1; font-family: "score_600"; color: #724f08;} #sub_default .con_box dd{font-size: 17px; font-family: "score_300"; font-weight: 300; line-height:150%; color:#333; position: relative; z-index: 1;} #sub_default .con_box dd:not(:last-child){margin:0 0 20px 0;} #sub_default .con_box.noImg p{font-size: 17px; font-weight: 300; line-height:150%; color:#333; transform:rotate(-0.03deg);} #sub_default .con_box.noImg p:not(:last-child){margin:0 0 20px 0;} #sub_default h3{position:relative; margin:0 0 45px 0; padding:0 0 0 32px; font-family: "score_700"; font-size:28px; font-weight:700; color:#024376;} #sub_default h3:before{content:''; position:absolute; top:9px; left:0; display:inline-block; width:23px; height:23px; background-image:url(../../images/ch/sub/ico_bullet.png); background-size:contain; background-repeat:no-repeat;} #sub_default h4{position: relative; clear: both; width: 100%; padding: 0 0 15px 0; font-size: 28px; font-family: "score_700"; font-weight: 700; color:#024376; line-height: 100%; background: url(/images/ch/sub/txt_bullet.png) no-repeat 0 5px;} #sub_default .con_txt p{padding: 0 0 40px 0 ; color:#333; line-height:170%} #sub_default .con_txt li{color:#333; line-height:190%;} #sub_default .con_txt ul li>strong{position:relative; padding:0 0 0 10px; font-family: "score_500"; font-weight:500; color:#333;} #sub_default .con_txt ul li>strong:before{content:''; position:absolute; left:0; top:50%; display:block; width:5px; height:2px; background-color: #052640; transform:translate(0,-50%);} #sub_default .tabmenu ol li p{padding:0 0 0 0;} @media all and (max-width:1024px) { #sub_location div.infor {width: 90%; top: 460px;} } @media all and (max-width:768px) { #sub_default {font-size: 16px;} #sub_default .con_box {padding:53px 30px 53px 210px;} #sub_default .con_box:not(.noImg)::after {width:131px; height:131px;} } @media all and (max-width:680px) { #sub_default {margin-top: 0;} #sub_location div.infor {width: 95%; padding: 26px 38px; top: 490px;} } @media all and (max-width:640px) { #sub_default .con_box {padding:160px 30px 30px 30px; text-align: center;} #sub_default .con_box:not(.noImg)::after {background-size: 70%; top:30px; left:50%; width:100px; height:100px; transform:translate(-50%,0);} } @media all and (max-width:568px) { #sub_default {font-size:15px;} #sub_default .con_box {margin:0 0 30px 0; padding:155px 30px 30px 30px;} #sub_default .con_box dt {font-size:20px;} #sub_default .con_box dd {font-size:16px;} #sub_default .con_box.noImg{padding:30px;} #sub_default .con_box.noImg p{font-size:16px;} #sub_default h3 {font-size:20px; padding:0 0 0 20px; margin:0 0 20px 0;} #sub_default h3:before {height:18px; top: 5px;} #sub_default h4 {font-size:17px;} } @media all and (max-width:380px) { #sub_default .con_box br{display:none;} } /* ��ȸ�����ϴ��� > ȸ�������� */ #sub_process .con_txt h3>span{font-size:20px; font-weight:700;} #sub_process .con_process{padding:53px 63px; border:1px dotted #8f8f8f; border-radius:5px; box-sizing:border-box;} #sub_process .con_process li{display:flex; flex-wrap:wrap;} #sub_process .con_process li:not(:last-child):after{content:'';flex:0 0 29%; min-height:50px; box-sizing:border-box; background-image:url(/images/ch/sub/ico_step.png); background-position:center; background-repeat:no-repeat;} #sub_process .con_process li>*{padding:16px 20px; box-sizing:border-box; word-break:keep-all;} #sub_process .con_process li>strong{display:flex; justify-content:center; align-items:center; flex:0 0 29%; border-top-left-radius:3px; border-bottom-left-radius:3px; background-color:#719ced; font-size:18px; font-weight:700; color:#fff; text-align:center;} #sub_process .con_process li>span{flex:0 0 71%; border-top-right-radius:3px; border-bottom-right-radius:3px; background-color:#f3f5f6; font-size:17px; color:#000; line-height:170%;} #sub_process .con_process li:first-child>strong, #sub_process .con_process li:last-child>strong{background-color:#194dae;} @media all and (max-width:900px) { #sub_process .con_process{padding:43px 53px;} } @media all and (max-width:768px) { #sub_process .con_process{padding:43px;} #sub_process .con_process li:not(:last-child):after{min-height:40px;} #sub_process .con_process li>strong {font-size:17px;} #sub_process .con_process li>span {font-size:16px;} } @media all and (max-width:640px) { #sub_process .con_process{padding:33px;} } @media all and (max-width:568px) { #sub_process .con_process li>*{padding: 12px 16px;} #sub_process .con_process li>strong{padding: 12px 0; font-size:16px; text-align:center;word-break:all} #sub_process .con_process li>span{font-size:15px;} } @media all and (max-width:440px) { #sub_process .con_process{padding:25px;} #sub_process .con_process li:not(:last-child):after{min-height:30px; background-size:18px;} #sub_process .con_process li>*{padding:12px 14px;} #sub_process .con_process li>strong{font-size:15px;} } @media all and (max-width:380px) { #sub_process .con_process{padding:18px;} #sub_process .con_process br{display:none;} #sub_process .con_process li>strong{flex:0 0 32%;} #sub_process .con_process li>span{flex:0 0 68%;} } /* ��ȸ�����ϴ��� > �ǿ����ϴ��� */ #sub_memberwork .con_txt ul{margin:-5px 0 70px 0;} #sub_memberwork .con_txt li{position:relative; padding:0 0 0 14px; color:#000; line-height:170%;} #sub_memberwork .con_txt li:not(:last-child){margin:0 0 5px 0;} #sub_memberwork .con_txt li:before{content:''; position:absolute; left:0; top:7px; display:block; width:0; height:0; border:6px solid #f15a1f; border-color:transparent transparent transparent #f15a1f;} #sub_memberwork .con_txt p{margin:-5px 0 0 0; padding:0 0 0 14px;} @media all and (max-width:568px) { #sub_memberwork .con_txt ul{margin:-5px 0 50px 0;} } @media all and (max-width:380px) { #sub_memberwork .con_txt br{display:none;} #sub_memberwork .con_txt {word-break:keep-all;} } /* û�ҳ���ȸ���� */ /* û�ҳ���ȸ���� > ��ȸ���Ǿȳ� */ #sub_tour .con_txt ul{margin:-5px 0 70px 0;} #sub_tour .con_txt ul li{margin:0 0 5px 0;} #sub_tour .con_txt ul li>strong{display:block;} #sub_tour .con_txt ul li>span{display:block; padding:0 0 0 14px; line-height:170%;} #sub_tour .tel{display:flex; width:50%; border:15px solid transparent; border-image:url(/images/kr/member/bg_pattern.png) 15 round; font-size:19px; color:#363c5a; background-color:#fff; box-sizing:border-box;} #sub_tour .tel strong{flex:0 0 auto; width:90px; padding:20px 0; font-weight:800; text-align:center; box-sizing:border-box;} #sub_tour .tel span{flex:1 1 auto; padding:20px 0 20px 22px; font-weight:700; box-sizing:border-box;} @media all and (max-width:768px) { #sub_tour .tel{width:70%;} } @media all and (max-width:568px) { #sub_tour .con_txt ul{margin:-5px 0 50px 0;} #sub_tour .tel{width:100%; font-size:17px;} } /* �˰��;�� */ /* �˰��;�� > �츮�����ǿ�ã�� */ #sub_sch {letter-spacing:-0.075em;} #sub_sch .district{position:relative; width:100%; margin:0 0 35px 0; padding:5px; background:url(/images/kr/member/bg_pattern.png) repeat; box-sizing:border-box;} #sub_sch .district .inner{position:relative; width:100%; padding:50px 45px 57px 45px; background-color:#fff;} #sub_sch .district .tit{margin:0 0 30px 0; font-size:17px; color:#444;} #sub_sch .district .tit>span{display:block; margin:0 0 16px 0; font-size:30px; font-weight:700; color:#000;} #sub_sch .district .tit>span>strong{font-weight:800;} #sub_sch .member_sch {margin:0 0 44px 0;} #sub_sch .member_sch fieldset{display:flex; position:relative;} #sub_sch .member_sch .sel{flex:0 0 calc(30% + 10px); padding:0 10px 0 0; box-sizing:border-box;} #sub_sch .member_sch input[type="text"], #sub_sch .member_sch select{height:62px; line-height:62px; padding:0 30px; border-radius:30px; border:4px solid #333; font-family:'paybooc';} #sub_sch .member_sch select{width:100%; line-height:56px; font-size:18px; font-weight:800; color:#333; -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(/images/ch/sub/ico_sel.png) no-repeat 85% center;} #sub_sch .member_sch select::-ms-expand {display:none;} #sub_sch .member_sch input[type="text"] {flex:1 1 auto; font-size:16px; color:#999;} #sub_sch .member_sch .btn{min-width:unset; width:62px; height:62px; margin:0 0 0 8px; border-radius:50%; font-size:0; text-indent:-999px; background: #333 url(/images/kr/main/ico_ctrl.png) no-repeat 18px -156px;} #sub_sch .map_wrap{margin:0 80px; box-sizing:border-box;} #sub_sch .map {position:relative;} #sub_sch .map img{max-width:100%;} #sub_sch .map img:not(:first-child){z-index:1; position:absolute; top:0; left:0; display: none;} #sub_sch h4{padding:0 0 15px 0; font-size:26px; font-weight:800; color:#243d99; background:unset;} #sub_sch h4:before{display:none;} #sub_sch .member>ul{display:flex; justify-content:space-between; flex-wrap: wrap; width:100%;} #sub_sch .member>ul>li{position:relative; flex:0 0 48.4%; display:flex; align-items:center; margin: 0 0 15px 0; padding:28px 30px 28px 30px; border-radius:5px; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,0.11); text-align:left; border:1px solid #e1e4ee; background:#f0f1f5;} #sub_sch .member .img{width:40%; text-align:center;} #sub_sch .member .img img{max-width:100%;} #sub_sch .member .txt{padding:0 0 0 23px; font-size:18px;} #sub_sch .member .name{display:block; height:42px; font-size:25px; font-weight:800; font-family:'paybooc'; color:#000;} #sub_sch .member .name span {font-size:16px; color:#666; font-weight:400; font-family:'NanumSquare';} #sub_sch .member .dash li{padding:0 0 7px 20px; color:#333;} #sub_sch .member .dash li:before{top:5px; width:10px; height:4px; background-color:#bfbfbf;} #sub_sch .member .dash li:first-child{color:#2f5bb2;} #sub_sch .member .btn_home{display:block; position:absolute; right:-1px; top:-1px; width:40px; height:40px; font-size:0; text-indent:-999px; border-radius: 0 5px 0 5px; background: rgba(6, 23, 79, 0.15) url(/images/kr/main/ico_ctrl.png) no-repeat 15px -293px;} @media all and (max-width:1024px) { #sub_sch h4{font-size:21px;} } @media all and (max-width:768px) { #sub_sch .map_wrap{margin:0;} #sub_sch h4{padding:0 0 12px 0; font-size:19px;} #sub_sch .member>ul>li{padding:24px 25px;} #sub_sch .member .img{width:35%;} #sub_sch .member .txt{font-size:15px;} #sub_sch .member .name{font-size:22px;} } @media all and (max-width:660px) { #sub_sch .district .inner{padding:40px 35px 47px 35px;} #sub_sch .member_sch input[type="text"], #sub_sch .member_sch select{height:52px; line-height:52px; padding:0 15px; border-width:3px;} #sub_sch .member_sch .sel{flex:0 0 calc(26% + 10px);} #sub_sch .member_sch select{line-height:48px; font-size:16px; background-size:12px auto;} #sub_sch .member_sch .btn{width:52px; height:52px; background-size:150px auto; background-position:14px -145px;} #sub_sch .member>ul {flex-wrap:wrap; justify-content:center;} #sub_sch .member>ul>li{flex:0 0 100%; margin:0 0 15px 0; padding:24px 30px;} #sub_sch .member .img{width:auto; text-align:left;} } @media all and (max-width:568px) { #sub_sch .district{margin:0 0 25px 0;} #sub_sch .district .tit{font-size:16px; text-align:center;} #sub_sch .district .tit>span{margin:0 0 20px 0; font-size:26px;} #sub_sch .member_sch fieldset{flex-wrap:wrap;} #sub_sch .member_sch .sel{flex:0 0 100%; padding:0; margin:0 0 6px 0;} #sub_sch .member_sch input[type="text"], #sub_sch .member_sch select{padding: 0 10px; font-size:15px;} #sub_sch .member_sch select{width:60%; background-size:auto auto; background-position:90% center;} #sub_sch .member_sch input[type="text"]{flex:1 1 auto;} #sub_sch .member_sch .btn{margin:0 0 0 6px;} #sub_sch h4{padding:0 0 10px 0; font-size:18px;} #sub_sch .member .txt{font-size:15px;} #sub_sch .member .name{font-size:20px;} } @media all and (max-width:400px) { #sub_sch .district .inner{padding:30px 25px 37px 25px;} #sub_sch .member_sch input[type="text"], #sub_sch .member_sch select{height:42px; line-height:42px; border-width:3px; font-size:14px;} #sub_sch .member_sch select{line-height:38px; background-size:12px auto;} #sub_sch .member_sch .btn{width:42px; height:42px; background-size:150px auto; background-position:9px -149px;} #sub_sch .member>ul>li{padding:24px 25px;} } @media all and (max-width:380px) { #sub_sch .district .inner{padding:20px 20px 27px 20px;} #sub_sch h4{padding:0 0 8px 0;font-size:17px;} #sub_sch .member>ul>li{padding:20px;} #sub_sch .member .img {width:40%;} #sub_sch .member .txt{padding:0 0 0 18px;} } @media all and (max-width:346px) { #sub_sch .member_sch input[type="text"]{flex:0 0 70%;} #sub_sch .member_sch .btn{position:absolute; bottom:0; right:-5px;} } /* �˰��;�� > ���ֹ������� */ /* 알고싶어요 > 자주묻는질문 */ #sub_qna .question{letter-spacing:-0.075em; overflow: hidden;} #sub_qna .question br{display:none;} #sub_qna .question:not(:last-child){margin:0 0 8px 0;} #sub_qna .question>p:first-child{position:relative; min-height:142px; padding:36px 70px 28px 63px; box-sizing:border-box; background-color:#ecf4f8; font-size:16px; font-weight:400; color:#333; cursor:pointer;} #sub_qna .question>p:first-child:after{content:''; position:absolute; top:40px; right:40px; display:block; width:25px; height:14px; background:url(/images/ch/sub/ico_dropdown.png) no-repeat;} #sub_qna .question>p:first-child>strong{position:relative; display:block; padding:0 0 24px 0; box-sizing:border-box; font-size:21px; font-weight:800; color:#363c5a;} #sub_qna .question>p:first-child>strong:before{content:'Q.'; position:absolute; right:100%; top:0; display:block;} #sub_qna .question>p:first-child>span + br{display:none;} #sub_qna .question>p:first-child>span:not(:last-child){margin:0 62px 0 0;} #sub_qna .question>p:first-child>span>em{margin:0 12px 0 0;} #sub_qna .question>p:first-child>span>em:after{content:''; display:inline-block; width:2px; height:10px; margin:0 0 0 12px; background-color:#333;} #sub_qna .question>p:not(:first-child){padding:0 46px;} #sub_qna .question>p:not(:first-child)>span{position:relative; display:block; margin:24px 0 10px; box-sizing:border-box; font-size:19px !important; font-weight:900;} #sub_qna .question>p:not(:first-child)>span:before{content:''; position:absolute; top:10px; left:-12px; margin:0 5px 0 2px; display:block; width:5px; height:5px; border-radius:50%; background-color:#636a7d;} #sub_qna .question>p:nth-child(2){margin-top: 11px;} #sub_qna .question>p:last-child{margin-bottom:32px;} #sub_qna .question.on{border:1px solid #bcc9d0; border-radius:3px 3px 10px 10px;} #sub_qna .question.on>p:first-child:after{transform:rotate(180deg);} @media all and (max-width: 768px) { #sub_qna .question>p:first-child{padding:30px 60px 25px 48px;} #sub_qna .question>p:first-child:after{top:30px; right:30px;} #sub_qna .question>p:first-child>span:not(:last-child){margin:0 30px 0 0;} } @media all and (max-width: 568px) { #sub_qna .question>p:first-child{padding:25px 50px 20px 40px; font-size:14px;} #sub_qna .question>p:first-child:after{top:25px; right:25px; width:22px; height:12px; background-size:contain;} #sub_qna .question>p:first-child>strong{padding:0 0 16px 0; font-size:18px;} #sub_qna .question>p:first-child>span:not(:last-child){margin:0 20px 0 0;} #sub_qna .question>p:not(:first-child)>span{font-size:17px !important;} #sub_qna .question>p:not(:first-child)>span:before{top:8px;} } @media all and (max-width: 505px) { #sub_qna .question>p:first-child>span + br{display:block; line-height:120%;} #sub_qna .question>p:first-child>span:nth-child(2){display:inline-block; padding:0 0 5px 0;} } @media all and (max-width: 380px) { #sub_qna .question>p:first-child{padding:18px 35px 15px 30px; font-size:13px;} #sub_qna .question>p:first-child:after{top:22px; right:18px; width:16px; height:9px;} #sub_qna .question>p:first-child>strong{padding:0 0 12px 0; font-size:17px;} #sub_qna .question>p:first-child>span{word-break:keep-all;} #sub_qna .question>p:first-child>span>em{margin:0 4px 0 0;} #sub_qna .question>p:first-child>span>em:after{margin:0 0 0 4px;} #sub_qna .question>p:first-child>span:not(:last-child){margin:0 15px 0 0;} #sub_qna .question>p:not(:first-child)>span{font-size:16px !important;} } /* �˰��;�� > ��ȸ������ */ #sub_voca .indexArea{overflow:hidden; width:100%; padding:40px 60px 35px; margin:0 0 30px; box-sizing:border-box; border-radius:10px; background:#f1f3f5;} #sub_voca .index_word, #sub_voca .indexArea form{overflow:hidden; position:relative; width:100%; margin:0 0 1em 0; padding:0 0 1em 110px; border-bottom:1px dashed #ccc; box-sizing:border-box;} #sub_voca .index_word {margin: 0; padding-bottom: 0; border-bottom: none;} #sub_voca .search_result{padding-left:0 !important;} #sub_voca .indexArea form *{float:left;} #sub_voca .indexArea fieldset{width:100%;} #sub_voca .indexArea #word {width:100%; padding:0 150px 0 20px; font-weight:800; color:#111; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; background:#fff;} #sub_voca .indexArea button[type="submit"]{position:absolute; top:0; right:0; width:120px; height:42px; padding:0 0 0 20px; font-weight:800; color:#fff; border-radius:0 3px 3px 0; box-sizing:border-box; background:#2e3446;} #sub_voca .indexArea button:before, #sub_voca .indexArea button:after{content:''; display:block; position:absolute; top:10px; left:25px; width:17px; height:17px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;} #sub_voca .indexArea button:after{left:37px; top:26px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;} #sub_voca .indexArea form label, #sub_voca .index_word .titTxt{position:absolute; top:12px; left:0; font-weight:800; color:#222; font-size:19px;} #sub_voca .index_word ul {width:100%;} #sub_voca .index_word li {display:inline-block; margin:0 1px 5px 0; text-align:center;} #sub_voca .index_word li a{display:block; width:42px; height:42px; line-height:40px; font-size:24px; font-weight:800; text-decoration:none; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; background:#fff;} #sub_voca .index_word li.current_on a, #sub_voca .index_word li a:focus, #sub_voca .index_word li a:hover{color:#fff; border-color:#f05952; background:#f05952;} #sub_voca .search_result ul{overflow:hidden; width:100%;} #sub_voca .search_result li {float:left; width:25%; padding:0 0 20px 10px; letter-spacing:-1px; box-sizing:border-box; word-break:break-all; color: #333;} #sub_voca .wordlist {width: 100%; margin: 0 0 25px 0; border: 1px solid #c6cfd3; border-radius: 3px 3px 10px 10px; box-sizing: border-box; overflow: hidden;} #sub_voca .listhead {background: #f3f8fb; padding: 15px 30px;} #sub_voca .listhead:hover {cursor: pointer;} #sub_voca .listhead p {font-size: 23px; transform: rotate(-0.03deg);} #sub_voca .listhead p span {position:relative; clear:both; width:100%; line-height:130%; padding:0 0 0 22px; font-size:23px; font-weight:900; box-sizing:border-box; color:#000; background:url(/images/kr/open/ico_word.png) no-repeat 0 5px;} #sub_voca .listhead a {display: block; float: right; margin: 9px 0 0 0; font-size: 0; width: 19px; height: 12px;background: url(/images/kr/open/ico_arrow_word.png) no-repeat;} #sub_voca .listhead a.on {transform: rotate(180deg);} #sub_voca .listcontent {padding: 35px 50px; box-sizing: border-box; border-top: 1px solid #c6cfd3; font-family: "Noto Sans KR";} #sub_voca .btn {float: right;} #sub_voca .none,#sub_voca .word_defined{width:100%;} #sub_voca #pagingNav{margin:40px 0 0 0;} #sub_voca .word_defined dd { font-family: 'Nanum Gothic', 'Malgun Gothic', '��������', 'Dotum', '����', 'Montserrat', 'Arial', 'sans-serif' } @media all and (max-width:1000px) { #sub_voca .indexArea{padding:35px 50px 30px; margin:0 0 30px;} #sub_voca .index_word li a{width:45px; height:45px; line-height:43px;} #sub_voca .search_result ul{padding:0 0 0 2%; box-sizing:border-box;} } @media all and (max-width:768px) { #sub_voca .indexArea{padding:30px; margin:0 0 25px;} #sub_voca .indexArea #word{padding-right:110px;} #sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:18px;} #sub_voca .indexArea button[type="submit"]{height:42px; width:100px;} #sub_voca .indexArea button:before{left:20px;} #sub_voca .indexArea button:after{left:32px;} #sub_voca .index_word, #sub_voca .indexArea form{padding:0 0 12px 100px; margin-bottom:12px;} #sub_voca .index_word li{margin:0 1px 3px 0;} #sub_voca .index_word li a{height:40px; width:40px; line-height:38px; font-size:21px;} } @media all and (max-width:660px) { #sub_voca .search_result li{width:25%;} } @media all and (max-width:568px) { #sub_voca .indexArea{padding:23px; margin:0 0 20px;} #sub_voca .index_word, #sub_voca .indexArea form{padding-left:0;} #sub_voca .indexArea form label, #sub_voca .index_word .titTxt{position:static; width:100%; margin:0 0 10px; text-align:center;} #sub_voca .indexArea button[type="submit"]{top:auto; bottom:12px; height:38px; width:85px;} #sub_voca .indexArea button:before{left:15px; width:15px; height:15px; } #sub_voca .indexArea button:after{left:26px; top:24px;} #sub_voca .index_word li a{height:35px; width:35px; line-height:33px; font-size:20px;} #sub_voca .search_result li{width:33.33%;} #sub_voca .indexArea #word {height:37px; line-height:37px; padding-right:95px;} #sub_voca #pagingNav{margin:25px 0 0 0;} #sub_voca .listcontent {padding: 30px 25px;} } @media all and (max-width:380px) { #sub_voca .indexArea{padding:20px; margin:0 0 17px;} #sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:17px;} #sub_voca .index_word li a{height:32px; width:32px; line-height:30px; font-size:19px;} #sub_voca .search_result li{width:50%;} #sub_voca #pagingNav{margin:20px 0 0 0;} } /* �˰��;�� > ������ ����Ʈ */ #sub_site {letter-spacing:-0.075em;} #sub_site .box_info {padding:72px 54px 57px 54px; background:#ecf4f8; box-sizing: border-box;} #sub_site .box_info>p{font-size:21px; margin:0 0 30px 0; font-weight:800; color:#363c5a; text-align:center; line-height:150%;} #sub_site .box_info>ul{display:flex; flex-wrap:wrap; justify-content:space-between;} #sub_site .box_info li {flex:0 0 31.63%; margin:0 0 15px 0;} #sub_site .box_info li>a{display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 26px; border-radius:50px; background-color:#fff; font-size:16px; color:#333; box-sizing:border-box;} #sub_site .box_info li>a:after{content:''; width:12px; height:13px; background:url(/images/ch/sub/ico_site.png) no-repeat;} #sub_site .box_info li>a:hover{background-color:#243d99; color:#fff; text-decoration:none;} #sub_site .box_info li>a:hover:after{background:url(/images/ch/sub/ico_site_on.png) no-repeat;} #sub_site .box_info li>a>br{display:none;} @media all and (max-width: 1080px) { #sub_site .box_info {padding:50px 35px 35px 35px;} } @media all and (max-width: 768px) { #sub_site .box_info {padding:30px 30px 15px 30px;} #sub_site .box_info li>a{padding:16px 20px;} } @media all and (max-width: 700px) { #sub_site .box_info li>a>br{display:block;} } @media all and (max-width: 568px) { #sub_site .box_info>p br{display:none;} #sub_site .box_info>p {margin:0 0 20px 0; font-size:18px; word-break:keep-all;} #sub_site .box_info li{flex:0 0 48.3%} #sub_site .box_info li>a{font-size:15px;} #sub_site .box_info li>a>br{display:none;} } @media all and (max-width:510px) { #sub_site .box_info li>a>br{display:block;} } @media all and (max-width:400px) { #sub_site .box_info li{flex:0 0 100%} #sub_site .box_info li>a>br{display:none;} }