@charset "utf-8"; #sub_default{line-height:150%;} .block {display: block;} .noimg-area {text-align: center;} .line-box {position: relative; display: block; width: 100%; height: auto; padding: 40px 50px 40px 60px; box-sizing: border-box; background: url(/images/kr/intro/bg_line.jpg); z-index: 1;} .line-box::after {position: absolute; display: block; content: ''; top: 5px; left: 5px; background: #fff; width: calc(100% - 10px); height: calc(100% - 10px); z-index: -1;} #box_border {z-index: 0; position: relative; margin: 0 0 80px; padding: 80px 50px; border: 1px solid #c9d2d8; border-radius: 20px; box-sizing: border-box;} #box_border::before, #box_border::after {z-index: -1; content: ''; display: block; position: absolute; bottom: -1px; left: -1px; width: 340px; height: 61px; background: #fff;} #box_border::after {left: 45px; width: 250px; height: 7px; background: url(../../images/kr/common/bg_boxinfo.jpg)repeat-x;} #box_border > strong {display: block; margin: 0 0 15px; font-size: 23px; font-weight: 600; color: #1c394d; letter-spacing: 0.01em;} #box_border > p {font-size: 15px; line-height: 1.6;} @media all and (max-width:768px) { #box_border {padding: 35px 40px;} #box_border > strong {font-size: 22px;} } @media all and (max-width:568px) { #box_border {padding: 25px 30px;} #box_border > strong {margin: 0 0 10px; font-size: 20px;} } @media all and (max-width:380px){ #box_border::before {width: 180px; height: 30px;} #box_border::after {left: 20px; width: 140px;} } .tabmenu, .tabmenu3, .tabmenu4 {position:relative; overflow:hidden; width:100%; margin:0 0 25px; box-sizing:border-box;} .tabmenu > li > a, .tabmenu3 > li > a, .tabmenu4 > li > a{display:block; position:absolute; top:0; left:0; width:20%; 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, .tabmenu3 > li.on > a, .tabmenu4 > li.on > a{border-color:#18567c; color:#fff; background:#18567c;} .tabmenu > li > .con, .tabmenu3 > li > .con, .tabmenu4 > li > .con{display:none; padding:150px 0 0 0;} .tabmenu > li.on > .con, .tabmenu3 > li.on > .con, .tabmenu4 > 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%;} .tabmenu > li:nth-child(16) > a{top:171px; left:0%;} .tabmenu > li:nth-child(17) > a{top:171px;left:20%;} .tabmenu2 {position:relative; float:left; width:100%; margin:0 0 32px; border-radius:5px;} .tabmenu2 > li{float:left; width:33.33%; font-size:18px; letter-spacing:-1px; box-sizing:border-box;} .tabmenu2 > li > a{position: relative; display: block; height: 59px; line-height: 58px; border: 1px solid #ddd; margin: 0 2px 2px 0; border-radius: 5px; transition: 0.2s ease-in; text-align: center;} .tabmenu2 > li > a.on{color:#18567d; border-color:#18567d; font-weight:700; background:#e7eef2;} /* .tabmenu2 > li:first-child > a{border-radius:5px 0 0 5px;} .tabmenu2 > li:last-child > a{border-radius:0 5px 5px 0;} */ .tab2 > li{width:50%;} .tab7 > li{width:14.25%;} .tabmenu3 > li > a {width: 25%;} .tabmenu3 > li:nth-child(2) > a {left: 25%;} .tabmenu3 > li:nth-child(3) > a {left: 49.9%;} @media all and (max-width:1430px) { .tab7 > li{width:20%;} } @media all and (max-width:1024px) { .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;} .tab7 > li{width:33.33%;} .tab7 > li:first-child > a{border-radius:5px 0 0 0;} .tab7 > li:last-child > a{border-radius:0 0 5px 0;} } @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;} .tabmenu2 > li > a{height:43px; line-height:44px;} .tabmenu2 > li:first-child > a{border-radius:5px 0 0 0;} .tabmenu2 > li:last-child > a{border-radius:0 0 5px 0;} } /* �����λ縻 */ #sub_greeting {} div.greeting {display: flex; justify-content: space-between;} div.greeting div.left {width: 31.033%; width: 378px;} div.greeting div.left .pic_box {box-shadow: 0 0 5px 2px #00000017; position: relative; height: 464px;} div.greeting div.left .pic_box img {width: 352px; height: 449px; position: absolute; bottom: 0; right: 0;} div.greeting div.left .pic_box a.home {width: 174px; height: 46px; line-height: 46px; position: absolute; bottom: 33px; right: 33px; background: url(../../images/kr/intro/home_btn.png) no-repeat center; color: #fff; text-align: center;} div.greeting div.left .pic_box a.home:before {content: ''; width: 20px; height: 20px; background: url(../../images/kr/common/sb_ico.png) no-repeat 2px 2px; display: inline-block; vertical-align: sub; margin-right: 5px;} div.greeting div.left .infor {width: 100%; height: 110px; background: url(../../images/kr/intro/greeting_infor_bg.png) no-repeat; padding: 36px 0 0 75px; box-sizing: border-box; background-size: cover;} div.greeting div.left .infor .name {color: #fff; font-size: 19px;} div.greeting div.left .infor .name img {vertical-align: bottom; margin-left: 5px;} div.greeting div.right {width: 64%;} div.greeting div.right .txt_box {font-family: 'gmarket_medi'; font-size: 30px; line-height: 57px; position: relative; margin: 55px 0 90px;} div.greeting div.right .txt_box:before {content: ''; width: 496px; height: 164px; background: url(../../images/kr/intro/greeting_bg01.png) no-repeat center; position: absolute; top: 3px; left: 0px; z-index: -1;} div.greeting div.right .txt_box p.tt:before {content: ''; width: 100px; height: 62px; background: url(../../images/kr/intro/quote.png) no-repeat center; position: absolute; top: -35px; left: -14px; z-index: -1;} div.greeting div.right .txt_box p {} div.greeting div.right .txt_box p.tit {} div.greeting div.right .txt_box p.tit:after {content: ''; width: 100px; height: 62px; background: url(../../images/kr/intro/quote.png) no-repeat center; position: absolute; bottom: -28px; right: 98px; z-index: -1; transform: rotate(180deg);} div.greeting div.right .txt_box p.tit strong {font-family: 'gmarket_bold'; color: #19567b;} div.greeting div.right .txt_box p.tit strong .em {font-size: 45px;} div.greeting div.right .bottom {width: 82%;} div.greeting div.right .bottom p {font-size: 18px; line-height: 30px; margin-bottom: 25px;} /* ������ */ #sub_profile {flex-wrap: wrap;} #sub_profile .bottom {width: 100%;} #sub_profile .bottom .pf {margin: 50px 0 30px;} #sub_profile .bottom .pf li {line-height: 50px; border-bottom: 1px solid #ddd; padding: 0 10px;} #sub_profile .bottom .pf li:before {content: ''; width: 23px; height: 22px; background: url(../../images/kr/intro/ico_check.png) no-repeat center; display: inline-block; vertical-align: sub; margin-right: 10px;} #sub_profile .bottom .pf li strong {font-size: 17px; width: 150px; display: inline-block; font-weight: 500;} #sub_profile .bottom .pf li span{} #sub_profile .bottom .pf li .lts2 {letter-spacing: 39px;} #sub_profile .bottom .pf li .lts3 {letter-spacing: 11px;} #sub_profile .bottom .career {background: #fff; padding: 30px 40px; border-radius: 10px; box-shadow: 0 0 8px 2px #dddddd8a; align-items: center; display: flex;} #sub_profile .bottom .career.cr01 {margin-bottom: 20px;} #sub_profile .bottom .career.cr02 span.tit:before {background-position: 17px -87px;} #sub_profile .bottom .career span.tit {font-weight: 800; text-align: center; font-size: 17px; padding: 0 100px 0 20px; position: relative;} #sub_profile .bottom .career span.tit:before {content: ''; width: 66px; height: 66px; background: #555 url(../../images/kr/intro/profile_ico.png) no-repeat 17px 15px; border-radius: 50%; display: block; margin-bottom: 5px;} #sub_profile .bottom .career ul {position: relative;} #sub_profile .bottom .career ul:after {content: ''; width: 1px; height: 95%; background: #ddd; position: absolute; top: 50%; left: -45px; transform: translateY(-50%);} #sub_profile .bottom .career ul li {line-height: 30px;} #sub_profile .bottom .career ul li:before {content: ''; width: 4px; height: 4px; background: #ddd; display: inline-block; margin-right: 10px; vertical-align: middle;} /* �Ǿ�ó������ */ .con_txt #box_border {padding: 50px; } .con_txt .step {width: 100%; margin-bottom: 55px;} .con_txt .step.mb {margin-bottom: 110px;} .con_txt .step_box {position: relative; display: table; width: 100%; box-sizing: border-box; border-radius: 3px; color: #000; border-radius: 10px;} .con_txt .step_box:before {position: absolute; content: ''; width: 20px; height: 11px; background: url(/images/kr/intro/bg_arrow.jpg) no-repeat; bottom: -35px; left: 13.96%;} .con_txt .step_box.line:before {display: none;} .con_txt .step_box.line:after {position: absolute; content: ''; background: #d7d7d7; width: 1px; height: 55px; bottom: -55px; left: 13.96%;} .con_txt .step_box.line2:after {position: absolute; content: ''; background: none; border: 1px solid #d7d7d7; border-bottom: none; width: 135%; height: 55px; top: -55px; left: 20%;} .con_txt .step_box .title {display: table-cell; vertical-align: middle; width: 29.9%; background: #6d5c50; font-size: 18px; font-weight: 900; text-align: center; color: #fff; position: relative; border-radius: 10px;} .con_txt .step_box .title.wd100 {display: block; width: 100%; padding: 20px 0;} .con_txt .step_box .step_list {padding: 28px 25px; box-sizing: border-box; font-size: 17px; line-height: 145%; margin-left: 10px; border: 1px solid #ddd; border-radius: 10px; background: #fff;} .con_txt .step_box .step_list.dot > li {padding: 0 0 3px 5px;} .con_txt .step_box .step_list.dot > li:last-child {padding: 0 0 0 5px;} .con_txt .step_box .step_list .dash {margin-top: 4px;font-size: 15px; color: #666;} .con_txt .two_box {width: 100%;} .con_txt .right {width: 40%; float: right;} .con_txt .left .step_box:before, .con_txt .right .step_box:before{left: 50%; transform: translateX(-50%);} .con_txt .right .step_box.arrow:before{left: 24%;} .con_txt .right .step_box.arrow:after{position: absolute; content: ''; width: 20px; height: 11px; background: url(/images/kr/intro/bg_arrow.jpg) no-repeat; left: 74.87%; bottom: -35px;} .con_txt .left {width: 57%; float: left;} .con_txt .two_box2 .right,#sub_operate2 .two_box2 .left {width: 47.47%;} .con_txt .last {margin-bottom: 0;} .con_txt .last .step_box:before{display: none;} .con_txt .two_box2 .last .step_box .step_list{min-height: 156px; margin: 10px 0 0;} .con_txt .step_box .title:after {content: ''; width: 100%; height: 144px; background: #ffffff12; position: absolute; bottom: -108px; left: 182px; transform: rotate(145deg);} .con_txt .step_box .title:before {content: ''; width: 100%; height: 144px; background: #ffffff12; position: absolute; bottom: -98px; left: 148px; transform: rotate(145deg);} /* ����� ����/Ȯ�� */ #sub_operate3 .con_txt .step_box .title {background: #18567c;} .con_txt .step_box .title span {font-size: 17px; font-weight: 700;} .con_txt .step_box.list_none {background: none;} .con_txt .step_box.list_none .title {display: block; padding: 30px 0;} /* �����繫���� */ #sub_operate4 span {display: block; margin-top: 5px;} #sub_operate4 .bold {font-weight: 700; margin: 0 0 5px 0;} #sub_operate4 .con_txt .proc {position: relative; margin-bottom: 44px;} #sub_operate4 .con_txt .proc::after {position: absolute; content: ''; width: 20px; height: 11px; background: url(/images/kr/intro/bg_arrow.jpg) no-repeat; bottom: -28px; left: 14%;} #sub_operate4 .con_txt .proc:last-child {margin-bottom: 0;} #sub_operate4 .con_txt .proc:last-child::after{display: none;} #sub_operate4 .con_txt .step {margin-bottom: 11px;} #sub_operate4 .con_txt .step_box:before {display: none;} #sub_operate4 .con_txt .step_box .title {background: #00504c;;} #sub_operate4 .con_txt .step_box.list_none .title {padding: 20px 0;} #sub_operate4 .con_txt .step_box .t_line {border: 1px solid #00504c; background: #fff; color: #00504c;} #sub_operate4 .con_txt .step_box .step_list {padding: 20px 25px;} #sub_operate4 .con_txt .proc .title.wd100:before, #sub_operate4 .con_txt .proc .title.wd100:after {display: none;} /* û������ */ #sub_operate5 .dot {font-size: 17px; color: #000;} #sub_operate5 .dot li {padding: 0 0 15px 5px;} #sub_operate5 .con_txt .step {margin-bottom: 47px;} #sub_operate5 .con_txt .step:last-child {margin-bottom: 0;} #sub_operate5 .con_txt .green .step_box .title {background: #0e4624;} #sub_operate5 .con_txt .step:last-child .step_box:before {display: none;} #sub_operate5 .con_txt .step_box:before {bottom: -30px;} #sub_operate5 .con_txt .step_box .step_list {padding: 20px 25px;} #sub_operate5 #box_border {padding: 37px 40px;} #sub_operate5 .con_txt .sky .step {width: 29.27%; display: inline-block; margin:0 4.9% 0 0; vertical-align: top;} #sub_operate5 .con_txt .sky .step:last-child {margin-right: 0;} #sub_operate5 .con_txt .sky .step_box .title {position: relative; display: block; width: 100%; background: #18567c; padding: 39px 0;} #sub_operate5 .con_txt .sky .step_box .title:before {display: none;} #sub_operate5 .con_txt .sky .step .step_box .title::after {position: absolute; content: ''; width: 20px; height: 11px; background: url(/images/kr/intro/bg_arrow.jpg) no-repeat; left: 105.5%; bottom: 50%; transform: rotate(-90deg);} #sub_operate5 .con_txt .sky .step:last-child .step_box .title::after {display: none;} #sub_operate5 .con_txt .sky .step_box .step_list {min-height: 90px; margin: 10px 0 0} #sub_operate5 .con_txt .sky .step_box:before {display: none;} #intro_table{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; border-top:3px solid #18567d;} #intro_table th{padding:15px 5px; text-align:center; color:#18567d; font-weight:900; background:#e7eef2;} #intro_table th:first-child {border-right: 1px solid #aabdbd;} #intro_table td{padding:14px 5px; text-align:center; border:1px solid #aabdbd; border-bottom-color:#d6dfdf; border-top:none; border-right:none; color:#333; background:none; box-sizing:border-box;} #intro_table tr:last-child td {border-bottom-color: #76827e; } #intro_table td:first-child{border-left:none; background: #f8f9f9; font-weight: 700;} .txt_box {margin-bottom: 55px;} .con_txt {transform: rotate(-0.03deg);} .con_txt .red {font-weight: 700; color: #ed3a03;} .con_txt p {font-size: 17px; color: #333; line-height: 160%;} /* .con_txt .dot > li:before {background: #636a7d; width: 5px; height: 5px;} */ .con_txt .dot.dsmall {font-size: 17px; font-weight: 400; color: #444;} .con_txt .dot.dsmall > li {padding: 0 0 0 6px; line-height: 160%;} .con_txt .dot.dsmall > li:before {width: 2px; height: 2px; background: #444; top: 11px;} .con_txt .dash {padding: 5px 0 0 0;} .con_txt .dash li {margin-top: 7px; color: #444; font-size: 17px;} .con_txt .dash li:first-child {margin-top: 0;} /* ��ȸ���� */ #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'; font-size: 25px; color: #18567d;} #sub_history .h_left h4:before {content: ''; width: 50px; height: 50px; background: url(../../images/kr/intro/history_quete.png) no-repeat center; display: inline-block; vertical-align: middle; margin-right: 10px;} #sub_history .h_left .list_box {width: 100%; margin-top: 20px;} #sub_history .h_left .list_box li {display: flex; position: relative; font-size: 16px; width: 100%; color: #444; padding: 0 0 15px 15px; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; font-family: 'score_500';} #sub_history .h_left .list_box li span.txt {margin-left: 10px;} #sub_history .h_left .list_box li::before {position: absolute; content: ''; width: 10px; height: 10px; background: #18567d; top: 7px; left: 0px; border-radius: 50%;} #sub_history .h_left .list_box li::after {position: absolute; content: ''; width: 4px; height: 4px; background: #fff; top: 10px; left: 3px; border-radius: 50%;} #sub_history .h_left .list_box li em {font-size:15px; padding: 0 7px;} #sub_history .h_right {display: table-cell; vertical-align: middle; width: calc(100% - 61.4%);} #sub_history .h_right img {max-width: 100%;} #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: #5b6b75; border-radius: 3px; text-align: center;} #sub_history .mem_list ul li:hover a {background: #2e688b;} #sub_history .top {width: 100%; height: 201px; background: url(../../images/kr/intro/history_bg.png) no-repeat center; color: #fff; display: flex; align-items: center; justify-content: space-between;} #sub_history .top .tit_box {padding: 0 0 0 50px;} #sub_history .top .tit_box .tit {font-family: 'gmarket_bold'; font-size: 25px; letter-spacing: 1px;} #sub_history .top .tit_box > span {font-size: 16px; display: block; margin-top: 20px;} #sub_history {} #sub_history .tab_btn {display: flex; flex-wrap: wrap; width: 60%; padding-right: 30px;} #sub_history .tab_btn li {width: 80px; padding: 0 10px 10px 0;} #sub_history .tab_btn li.on a, #sub_history .tab_btn li:hover a {background: #002035;} #sub_history .tab_btn li a {color: #fff; background: #3f525e; padding: 0 10px; height: 50px; line-height: 50px; border-radius: 10px; width: 100%; display: block; box-sizing: border-box; text-align: center;} #sub_history .cont_box .con {display: none;} #sub_history .cont_box .con.on {display: block;} #sub_history #box_border, .chairmanlist .box_border {display: flex; justify-content: space-between; padding: 40px 50px 40px 70px; margin-top: 50px;} #sub_history .memberlist h4 {color: #2e688b; font-family: 'gmarket_bold'; font-size: 28px;} /* ��ȸ������ */ #sub_org .org {text-align: center; min-height: 640px; padding: 50px 11.32% 60px; margin-bottom: 30px;} #sub_org .org span a{display:block; color:#fff;} #sub_org .org1 {text-align: center; width: 835px; margin: auto;} #sub_org .org1:before {content: ''; width: 441px; height: 130px; background: url(../../images/kr/intro/inst_bg.jpg) no-repeat center; position: absolute; top: 80px; left: 28%; z-index: -1;} #sub_org .org1 span {position: relative;display: inline-block; width: 27.67%; height: 58px; line-height: 58px; background: #2f698b; text-align: center; color: #fff; border-radius: 3px; font-size: 18px; font-weight: 900; z-index: 1;} #sub_org .org1 > span {width: 130px; height: 130px; border-radius: 50%; position: relative; color: #000;} #sub_org .org1 > span a {color: #000; font-family: 'score_500'; font-size: 20px; line-height: 125px;} #sub_org .org1 > span:before {content: ''; width: 110px; height: 110px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1;} #sub_org .org2 {display: inline-block; width: 36.168%; margin-top: 33px;} #sub_org .org2 span {width: 100%; height: 58px; background: #415d6f; font-weight: 700;} #sub_org .org1_2{text-align:right;} #sub_org .org1_2 span{width: 48%;background: #587308;height: 46px;line-height: 45px;} #sub_org .after .org2 span a {color: #fff;} #sub_org .comm {display: inline-block; width: 36.22%; vertical-align: top; margin-top: 64px;} #sub_org .comm span {position: relative; width: 100%; font-size: 16px; font-weight: 700; background: #7f5f49; z-index: 1;} #sub_org .comm ul {position: relative; top: -4px; height: auto; padding: 20px 25px; border: 1px solid #ddc6b5; 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 0 0 5px; margin-bottom: 13px;} #sub_org .comm ul li:last-child {margin-bottom: 0;} #sub_org .comm ul li::after {position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #333; top: 10px; left: 0;} #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 .org1 span::after {position: absolute; content: ''; width: 1px; height: 260px; top: 130px; left: 49.56%; background: #dcdcdc; z-index: -2;} #sub_org .org2 span::after, #sub_org .org3 span::after {width: 76.7%; height: 1px; top: 29px; left: 100%;} #sub_org .org3 span::after {top: 26px; left: -77%;} #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: 90%;height: 1px;top: 24px;right: 48%;background: #dcdcdc;} /* ��ȸ���� */ #sub_org2 #box_border h4 {padding:0 0 12px; font-size: 26px; color: #000; font-weight: 700; background:none;} #sub_org2 #box_border {padding: 50px 0 50px 6.685%; min-height: 374px;} #sub_org2 #box_border ul li {display: inline-block; width: 33%;} #sub_org2 #box_border ul li img {max-width: 100%;} #sub_org2 #box_border {margin-bottom: 80px;} #sub_org2 .con_table td:first-child {background: none; font-weight: 400;} #sub_org2 .con_table td:last-child {text-align: center; padding: 14px 5px;} /* ȸ�� */ #sub_operate1 ul li {font-size: 19px; font-weight: 900; color: #363c5a;} #sub_operate1 ul li ul li {font-size: 17px; font-weight: 400; color: #444; line-height: 170%;} #sub_operate1 ul li ul li em {font-weight: 700; color: #000; float: left;} #sub_operate1 ul li ul.dash {margin-top: 7px;} #sub_operate1 ul li ul.dash li {margin-top: 4px;} #sub_operate4 #box_border::before, #box_border::after {bottom: -4px;} /* �����ǿ� - �������� */ #sub_district {position: relative;} #sub_district #a1 {position: absolute; top: 0;} #sub_district .district{position:relative; width:100%; margin:0 0 36px 0; padding:5px; box-sizing:border-box;} #sub_district .district .inner{position:relative; width:100%; padding:50px; background-color:#fff;} #sub_district .map_btn {display:flex; flex-wrap:wrap; width:100%; margin: -5px -3px;} #sub_district .map_btn li{flex:0 0 auto; width:calc(33.33% - 5px); height:40px; line-height:38px; margin:5px 2.5px; border:1px solid #292e44; border-radius:3px; text-align:center; box-sizing:border-box;} #sub_district .map_btn li>a{display:inline-block; width:100%; height:100%; font-size:15px; font-weight:700; color:#292e44; vertical-align:top;} #sub_district .map_btn li.on>a{background-color:#292e44; color:#fff;} #sub_district .map {margin-top: 50px;} #sub_district .map_info {width: 30%; position: absolute; bottom: 50px; right: 50px;} #sub_district .map_btn li:hover a {background-color: #18567c; color: #fff;} #sub_district .dot>li:after {display: none;} #sub_district .map img { width: 694px; max-width: 100%; height: auto; } /*��ȸ���ٶ��� ��������*/ .dot.text-indent ul li{margin-left:16px; text-indent:-16px;} /* ��ȸ�ҽ��� */ .magazine_box .box_color {padding: 33px 45px; background-image:url(../../images/kr/news/bg_magazine.png); background-position: 92% center;} .magazine_box .box_color p {font-size: 17px; color: #333; line-height: 160%; } .magazine_box .box_color p:nth-of-type(2) {font-size: 16px; color: #666;} .magazine_box .ask_box {width: 76.54%; min-height: 100px; margin: 20px auto 15px; border: 1px solid #292e44; border-radius: 5px; background: #e9ebf1; box-sizing: border-box;} .magazine_box .ask_box ul {display: block; width: 455px; margin: 25px auto;} .magazine_box .ask_box li {font-size: 17px; font-weight: 700;} .magazine_box .ask_box li em {display: inline-block; width: 122px; padding: 0 20px 7px 0; font-size: 19px; font-weight: 900; color: #363c5a;} .magazine_box .ask_box li:last-child em {padding-bottom: 0;} .magazine_box .dot > li {font-size: 17px;padding: 0 0 5px 9px; display:block;} .magazine_box .dot > li:before {width:4px; height:4px; top:10px; border-radius:0%;} .magazine_box .dot > li em {font-weight:600;} .magazine_box .down_btn {float: none; margin: 35px 0 0 0; } .magazine_box .down_btn.two {margin: 28px 0 0 0; text-align: left;} .magazine_box .down_btn a {width: 240px; height: 56px; line-height: 56px; padding: 0 20px; text-align: left;} .magazine_box .down_btn p a::after {background: url(/images/kr/common/ico_pen.png) no-repeat; width: 17px; height: 17px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} /* �ο����� */ .box_color {background: #f1f6f9 no-repeat; padding: 33px 38px; box-sizing: border-box; margin-bottom: 10px;} .box_color .check {background: url(/images/kr/open/ico_gcheck.png)no-repeat left 35%; padding: 0 0 0 20px; color: #066062; font-weight: 700;} /* �ֹ�����û�� */ #sub_regulations .dot > li {padding: 0; margin-top: 25px; font-size: 17px;} #sub_regulations .dot > li:first-child {margin-top: 0;} #sub_regulations .dot span {font-size: 19px; font-weight: 900; color: #363c5a; padding: 0 25px 0 10px; margin-left: 5px;} #sub_regulations .down_btn {float: none; margin-top: 15px; text-align: left;} #sub_regulations .down_btn p {width: 350px; margin-bottom: 5px;} #sub_regulations .down_btn p a {width: 100%; height: 56px; line-height: 56px; padding: 0 20px;} #sub_regulations .down_btn p a::after {width: 14px; height: 12px; background: url(/images/common/ico_new.png)no-repeat; background-size: cover; background-position: -13px 0;} #sub_regulations .con_txt #box_border {padding: 10px;} #sub_regulations #box_border ul li {display: table; position: relative; float: left; width: 20%; padding: 2.5%;} #sub_regulations #box_border ul li:nth-child(n + 5) {float: right;} #sub_regulations #box_border ul li::after {position: absolute; content: ''; width: 13px; height: 20px; top: 50%; right: -5px; transform: translateY(-50%); background: url(/images/kr/open/bg_arrow2.jpg)no-repeat;} #sub_regulations #box_border ul li:nth-child(4)::after{transform: rotate(90deg) translateY(-50%);top: 163px;right: 50%;} #sub_regulations #box_border ul li:nth-child(5)::after{display: none;} #sub_regulations #box_border ul li:nth-child(n + 6)::after {transform: rotate(-180deg) translateY(50%);} #sub_regulations .step_box2 {display: table-cell; vertical-align: middle; height: 120px; background: #f5eae2; font-size: 18px; font-weight: 900; text-align: center; padding: 0 20px; box-sizing: border-box; word-break: keep-all;} #sub_regulations .step_box2 p {font-size: 18px; line-height: 135%; padding-bottom: 5px;} #sub_regulations .step_box2 span {color: #6d5c50;} #sub_regulations .left {display: table-cell;} #sub_regulations .right {display: table-cell; vertical-align: middle; width: calc(100% - 57.4%);} #sub_regulations .right img {max-width: 100%;} /* ������Ȳ */ #sub_office1 .con_txt #box_border {padding: 54px 9% 32px;margin-bottom: 80px;} #sub_office1 .org {position: relative; transform: rotate(-0.03deg);} #sub_office1 .org .top_title {position: relative;width: 26.65%;margin: 0 auto 67px;background: #18567c;border-radius: 5px;} #sub_office1 .org .top_title span {font-size:18px; font-weight:900;} #sub_office1 .org span, #sub_office1 .org .name {height: 59px;line-height: 59px;font-size: 18px;color: #fff;text-align: center;border-radius: 5px;font-weight: 900;} #sub_office1 .org a {color:#fff; display:block;text-align: center;} #sub_office1 .org .name {background: #917f73;} #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 8px 0 0;background:none;font-weight: 700;font-size: 15px;z-index: 2;display: inline-block;} #sub_office1 .org span:before {position: absolute;content: '';width: 12px;height: 11px;background: url(../../images/kr/intro/ico_com_new.png) no-repeat;top: 50%;right: -9px;transform: translateY(-50%);} #sub_office1 .org .team .dot {display: block; position: relative; top: 5px; width: 100%; min-height: 122px; border: 1px solid #9fc6e5; border-radius:5px; padding: 20px; margin: 0 0 22px 0; box-sizing: border-box; color: #333; font-size: 16px;} #sub_office1 .org .team .dot > li {padding: 0 0 5px 6px; font-size: 16px;} #sub_office1 .org .team .dot > li:last-child {padding: 0 0 0 6px;} #sub_office1 .dot > li:before {top: 10px;} #sub_office1 .org .team .dot {display: block; position: relative; top: 5px; width: 100%; min-height: 122px; border: 1px solid #d3c2b6; padding: 20px; margin: 0 0 22px 0; box-sizing: border-box; color: #333; font-size: 16px; z-index:-1; border-radius: 5px;} #sub_office1 .org .team .dot > li {padding: 0 0 5px 6px; font-size: 16px;} #sub_office1 .org .team .dot > li:last-child {padding: 0 0 0 6px;} #sub_office1 .dot > li:before {top: 10px;} #sub_office1 .org:after, #sub_office1 .org .top_title:after, #sub_office1 .org .line01 ul span:after{position: absolute; content: ''; width: 1px; height: 40px; top: 59px; left: 50%; background: #d7d7d7;} #sub_office1 .org:after {width: calc(100% - 179px); height: 28px; top: 98px; left: 90px; background:none; border:1px solid #d7d7d7; border-bottom:none;} #sub_office1 .org .team ul span:after {width: 1px;height: 27px;top: -28px;left: 50%;} #sub_office1 .org .team ul:first-child span:after, #sub_office1 .org .team ul:nth-child(n + 5) span:after {display:none;} /* �����ȳ� */ #sub_office2 .tabmenu > li > .con {padding-top: 280px;} #sub_office2 .tabmenu.first > li:first-child > a {background:#fff; color:#333; border: 1px solid #ddd;} #sub_office2 .tabmenu.first > li:not(:first-child) > .con{display:block; padding-top: 50px;} #sub_office2 .tabmenu > li > a {display: table; font-size: 17px; font-weight: 400; line-height: normal; padding: 0 5px;} #sub_office2 .tabmenu > li > a span {display: table-cell; vertical-align: middle;} #sub_office2 .form_sc .in_txt{width:50%;} #sub_office2 #fax {position: absolute; right: 1px; font-size: 20px; font-family: 'gmarket_medi'; color: #333;} /* ��ȭ��ȣ�ȳ� */ #sub_office3 .tabmenu3 > li > p > a{display:block; position:absolute; top:0; left:74.9%; width:25%; height:58px; line-height:57px; font-weight:700; box-sizing:border-box; border:1px solid #ddd; text-align:center; text-decoration:none;} #sub_office3 .bt_n {border-top: none !important;} #sub_office3 .bb_n {border-bottom: none !important;} #sub_office3 .org_number {position: relative;} #sub_office3 .con_table td:last-child {text-align: center;} #sub_office3 .con_table .bg {background: #ecefef;} #sub_office3 .con_table .bg2 {background: #f8f9f9; font-weight: 700;} #sub_office3 #box_border {padding: 20px 30px;} #sub_office3 .inc_table {margin-top: 48px;} #sub_office3 .table_box {width: 13.929%;} #sub_office3 .table_box .con_table {border: none; margin: 0;} #sub_office3 .table_box .con_table th {background: #746458; border-radius: 3px 3px 0 0; color: #fff; box-shadow: 0 0 0 1px #746458; font-size: 17px; padding: 15px 0;} #sub_office3 .table_box .con_table tr:first-child td {border-top: none;} #sub_office3 .table_box .con_table td:first-child {background: none;} #sub_office3 .table_box .con_table td {border: 1px solid #c4c4c4; box-sizing: border-box;} #sub_office3 .inc_table .one {margin: 0 auto 43px; width: 21.31%;} #sub_office3 .inc_table .one th {background: #18567c; box-shadow: 0 0 0 1px #18567c; border-bottom: 2px solid #18567c;} #sub_office3 .inc_table .one::after, #sub_office3 .inc_table .one::before {position: absolute; content: ''; width: 1px; height: 300px; top: 108px; left: 50%; background: #dcdcdc; z-index: -1;} #sub_office3 .inc_table .one::before {width: 40%; height: 1px; top: 191px; left: 31.6%;} #sub_office3 .inc_table .two, #sub_office3 .inc_table .three {width: 21.33%;} #sub_office3 .inc_table .two th, #sub_office3 .inc_table .three th {background: #415867; box-shadow: 0 0 0 1px #4158679; border-bottom: 2px solid #415867;} #sub_office3 .inc_table .two {float: left; margin: 0 0 0 131px;} #sub_office3 .inc_table .three {float: right; margin: 0 131px 0 0;} #sub_office3 .no02 {margin-top: 76px; font-size: 0;} #sub_office3 .no02 .table_box {display: inline-block; margin-right: 0.41%; vertical-align: top;} #sub_office3 .no02 .table_box:last-child {margin: 0;} #sub_office3 .no02 .table_box .con_table th {border-radius: 0px;} #sub_office3 .no02 .table_box .con_table tr td {font-weight: 400; font-size: 17px; padding: 17px 0;} #sub_office3 .no02 .table_box .con_table tr:first-child td {background: #ede9e6; font-weight: 700;} /* ��ȸ��¡�� */ #sub_symbol #box_border {width:100%; box-sizing:border-box; padding: 65px 72px;} #sub_symbol .img_box {width: 28.40%; display: inline-block;} #sub_symbol .img_box img {max-width: 100%;} #sub_symbol .img_box ~ .img_box{margin:50px 0 0 0;} #sub_symbol .left_box {width: 65%; text-align: left; display: inline-block; vertical-align: top; margin-left: 3%;} #sub_symbol .left_box > p {font-size: 23px; font-weight: 700; margin-bottom: 30px; word-break: keep-all; letter-spacing: -2px;} #sub_symbol .left_box > p span{color: #ed3a03;} #sub_symbol .left_box li {font-size: 17px; color: #444; padding: 0 0 25px 70px;} #sub_symbol .left_box li span {position: absolute; top: 0; left: 10px; font-size: 19px; font-weight: 900; color: #363c5a; margin-left: 10px;} .down_btn {text-align: right; margin-top: 50px;} .down_btn p {display: inline-block; margin-right: 5px; text-align: center;} .down_btn p:last-child {margin: 0;} .down_btn p a {display: block; position: relative; width: 200px; height: 68px; line-height: 68px; padding: 0 22px; background: #18567c; font-size: 15px; font-weight: 700; color: #fff; border-radius: 10px; box-sizing: border-box;} .down_btn p a:hover {background: #346583;} .down_btn p a::after {content: ''; width: 12px; height: 17px; background: url(/images/kr/intro/bg_download.png) no-repeat; display: inline-block; vertical-align: inherit; margin-left: 10px;} #sub_symbol.symbol .down_btn {text-align: right;} /* �����ȳ� */ #sub_buiding1 .tabmenu > li > a {width: 16.66%;} #sub_buiding1 .tabmenu > li:nth-child(2) > a{left:16.6%;} #sub_buiding1 .tabmenu > li:nth-child(3) > a{left:33.2%;} #sub_buiding1 .tabmenu > li:nth-child(4) > a{left:49.8%;} #sub_buiding1 .tabmenu > li:nth-child(5) > a{left:66.4%;} #sub_buiding1 .tabmenu > li:nth-child(6) > a{top: 0; left:83%; border-radius: 0 3px 0 0 ;} #sub_buiding1 .bd_box {position: relative; background: #f5f5f6; width: 100%; text-align: center;} #sub_buiding1 .bd_box img {padding: 30px; max-width: 100%; box-sizing: border-box;} #sub_buiding1 .bd_box .btn_wrap {display: none;} /* ã�ƿ��ô±� */ #sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%;} #sub_location .roughmap_maker_label{border-radius:30px;} #sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; font-size:0; letter-spacing:-1px; border-radius:30px; background-color:#fff;} #sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;} #sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:"���ϵ���ȸ"; display:inline-block; line-height:30px; font-size:20px; font-weight:900; font-family:"Noto Sans KR";} .root_daum_roughmap_landing .map_border {display: none;} #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;} #map {width: 100%; height: 400px; margin-bottom: 80px; border: 1px solid #18567c;} #map .map_label{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;display: flex;align-items: center;} #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: 340px; right: -2px; z-index: 1; box-sizing: border-box;} #sub_location div.infor strong {margin-right: 15px;} /* ������, Ư���� */ #sub_standing {} #sub_standing .cont {display: none;} #sub_standing .cont.on {display: block;} @media (max-width: 1520px) { div.greeting div.right p.tit .m_block {display: block;} div.greeting div.right .txt_box p.tit:after {right: 225px;} div.greeting div.right .bottom {width: 90%; margin-top: 0;} div.greeting div.right .txt_box {margin: 55px 0 45px;} #sub_profile .bottom .pf {margin: 0px 0 50px;} div.greeting div.left .infor {border-radius: 0 0 10px 10px;} } @media (max-width: 1450px) { div.greeting {flex-wrap: wrap; position: relative;} div.greeting div.right {width: 100%; margin-top: 30px;} div.greeting div.left {} div.greeting div.right .txt_box:before {display: none;} div.greeting div.left .pic_box {border-radius: 10px 10px 0 0;} div.greeting div.right .txt_box {margin: 0px; position: absolute; top: 80px; left: 370px; font-size: 27px; line-height: 48px;} div.greeting div.right .txt_box p.tit:after {right: -30px;} div.greeting div.left {width: 320px;} div.greeting div.left .pic_box img {width: 280px; height: 357px;} div.greeting div.left .pic_box {height: 370px;} div.greeting div.left .infor .name {font-size: 17px;} div.greeting div.left .infor .name img {width: 80px;} #sub_district .map {margin: 50px 0; text-align: center;} #sub_district .map_info {width: 100%; position: static;} #sub_district .map_btn li {width: calc(12.5% - 5px);} #sub_district .tit_box {text-align: center;} #sub_district .map img {margin: auto;} #sub_history .top {flex-wrap: wrap; background-size: cover; height: 280px;} #sub_history .tab_btn {width: 100%; padding: 10px 30px;} #sub_history .tab_btn li {width: 10%;} #sub_history .top .tit_box {padding: 20px 0 0 30px;} #sub_history .top .tit_box span span.block {display: inline-block;} #sub_symbol .img_box img {max-width: 100%;} } @media all and (max-width:1380px){ #sub_location div.infor .m_block {display: block; margin-left: 47px;} } @media all and (max-width:1280px){ #sub_office3 .no02 .table_box .con_table th {font-size: 15px;} #sub_history #box_border {padding: 40px 50px;} #sub_history .h_left h4:before {width: 30px; height: 30px; background-size: contain;} #sub_history .h_left h4 {font-size: 21px;} #sub_history .h_left {width: 50%;} #sub_org .org1 {width: 645px;} #sub_org .org1:before {display: none;} } @media all and (max-width:1200px){ #sub_office2 .tabmenu > li > a {font-size: 16px;} #sub_office3 .table_box {width: 33.05%;} #sub_office3 .table_box .con_table {margin-bottom: 30px;} #sub_office3 .no02 .table_box:nth-child(3n) {margin-right: 0;} #sub_history .h_right {width: calc(100% - 50%);} } @media all and (max-width:1100px){ .down_btn p a {width: 100%; height: 60px; line-height: 60px; font-size: 15px;} .down_btn p {width: 45%;} } @media all and (max-width:1024px){ div.greeting div.right .txt_box p.tt:before {width: 64px; height: 45px; top: -24px; left: -14px;background-size: contain;} div.greeting div.right .txt_box p.tit:after {display: none;} #sub_operate5 .dot {font-size: 16px;} .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 16px;} #sub_regulations .down_btn p a {font-size: 16px;} #sub_regulations .step_box2, #sub_regulations .step_box2 p, #sub_regulations .dash > li, #sub_regulations .dot > li{font-size: 16px;} #sub_office2 .board_sch .two {left: 170px;} #sub_office2 .board_sch.two fieldset {padding-left: 342px;} .chairmanlist .box_border {margin-top: 10px;} } @media all and (max-width:860px){ #sub_history .tab_btn li {width: 12.5%;} #sub_history .top {background: #465965;} #sub_history .mem_list ul li a {font-size: 14px;} #sub_history .mem_list ul li {width: 7%;} #sub_operate1 ul li {font-size: 17px;} } @media all and (max-width:800px){ div.greeting div.right .txt_box {position: static; text-align: center;} div.greeting div.right p.tit .m_block {display: inline;} div.greeting div.right .txt_box p.tit strong .em {font-size: 36px;} div.greeting div.right .txt_box p {position: relative;} div.greeting div.left {width: 378px; margin: auto;} div.greeting div.right {margin-top: 60px;} div.greeting div.right .txt_box p.tt:before {left: 10%;} div.greeting div.right .bottom {margin-top: 35px;} #sub_office2 .tabmenu > li > a {font-size: 15px;} #sub_history .h_right {width: 100%; position: absolute; top: 50px; left: 40px;} #sub_history .h_left {width: 100%; margin-top: 350px;} #sub_history .h_left .list_box li {width: 95%;} } @media all and (max-width:780px){ .down_btn p {width: 47%;} } @media all and (max-width:768px){ .con_txt #box_border {padding: 35px;} .con_txt .step.mb {margin-bottom: 55px;} .con_txt .step_box:before {left: 50%; transform: translateX(-50%);} .con_txt .step_box .title {display: block; width: 100%; padding: 20px 0; font-size: 17px;} .con_txt .two_box > * {float: none; width: 100%;} .con_txt .step_box.line:before {display: block;} .con_txt .step_box.line:after {display: none;} .con_txt .step_box .step_list {padding: 20px 25px; font-size: 16px;} .con_txt .right {margin: 30px 0 0 0;} .con_txt .right .step_box.arrow:before {left: 50%;} .con_txt .right .step_box.arrow:after {display: none;} .con_txt .left .step {margin-bottom: 20px;} .con_txt .two_box2 .right, #sub_operate2 .two_box2 .left {float: none; width: 100%;} .con_txt .two_box2 .last .step_box .step_list {min-height: auto;} .con_txt .two_box2 .right .step {margin-bottom: 0;} .con_txt .step_box.line2:after {display: none;} .con_txt .step_box.list_none ul {display: none;} .con_txt .step_box .title span {font-size: 16px;} #sub_operate4 .con_txt .proc::after {left: 50%; transform: translateX(-50%);} #sub_operate5 #box_border {padding: 35px;} #sub_operate5 .con_txt .sky .step {display: block; width: 100%; margin: 0 0 47px 0;} #sub_operate5 .con_txt .sky .step:last-child {margin-bottom: 0;} #sub_operate5 .con_txt .sky .step .step_box .title::after {display: none;} #sub_operate5 .con_txt .sky .step_box:before {display: block;} #sub_operate5 .con_txt .sky .step_box .title {padding: 30px 0;} #sub_operate5 .con_txt .sky .step_box .step_list {min-height: auto;} #sub_org2 #box_border h4 {font-size: 22px;} #sub_org2 #box_border {padding: 50px 0;} #sub_org2 #box_border ul li {display: block; width: 100%; text-align: center; margin-bottom: 20px;} #sub_org2 #box_border ul li:last-child {margin-bottom: 0;} .magazine_box .box_color {background-image:none; padding: 30px; } .magazine_box .box_color p:nth-of-type(2), .magazine_box .ask_box li, .magazine_box .dot > li {font-size: 15px;} .magazine_box .box_color p {font-size: 16px;} .magazine_box .ask_box {width: 100%;} .magazine_box .ask_box ul {width: 86%;} .magazine_box .ask_box li em {font-size: 17px;} #sub_regulations .down_btn p {width: 100%;} #sub_regulations .down_btn p:last-child {margin-top: 5px;} #sub_regulations #box_border ul li {width: 45%;} #sub_regulations #box_border ul li:nth-child(3), #sub_regulations #box_border ul li:nth-child(4), #sub_regulations #box_border ul li:nth-child(7), #sub_regulations #box_border ul li:nth-child(8){float: right;} #sub_regulations #box_border ul li:nth-child(2)::after, #sub_regulations #box_border ul li:nth-child(4)::after{display: block;transform: rotate(90deg) translateY(-50%);right: 50%;top: 93%;} #sub_regulations #box_border ul li:nth-child(3)::after{transform: rotate(180deg) translate(-50%,50%); right: 100%;} #sub_regulations #box_border ul li:nth-child(6)::after{transform: rotate(0deg) translate(50%,-50%); right: 0%;} #sub_regulations #box_border ul li:nth-child(7)::after{transform: rotate(90deg) translate(-50%,-50%); top: -2%; right: 50%;} #sub_district .map_btn li {width: calc(16.66% - 5px);} #sub_office1 .con_txt #box_border {padding: 54px 5% 32px;} #sub_office1 .org .top_title {width: 45%;} #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_office2 .board_sch .sel {width: 49%;} #sub_office2 .board_sch .sel.two {left: 51%;} #sub_office2 .board_sch.two fieldset {padding: 0 10px 0 0;} #sub_office2 .board_sch input[type="text"] {margin-top: 50px;} #sub_office2 .board_sch .btn {top: 50px;} #sub_office2 .tabmenu > li > a {font-size: 14px; width: 33.33%;} #sub_office2 .tabmenu > li:nth-child(2) > a, #sub_office2 .tabmenu > li:nth-child(5) > a, #sub_office2 .tabmenu > li:nth-child(8) > a, #sub_office2 .tabmenu > li:nth-child(11) > a, #sub_office2 .tabmenu > li:nth-child(14) > a{left: 33.33%;} #sub_office2 .tabmenu > li:nth-child(3n) > a {left: 66.66%;} #sub_office2 .tabmenu > li:nth-child(4) > a, #sub_office2 .tabmenu > li:nth-child(7) > a, #sub_office2 .tabmenu > li:nth-child(10) > a, #sub_office2 .tabmenu > li:nth-child(13) > a{left: 0;} #sub_office2 .tabmenu > li:nth-child(n +4) > a {top: 48px;} #sub_office2 .tabmenu > li:nth-child(n +7) > a {top: 96px;} #sub_office2 .tabmenu > li:nth-child(n +10) > a {top: 144px;} #sub_office2 .tabmenu > li:nth-child(n +13) > a {top: 192px;} #sub_office2 .tabmenu > li:nth-child(n +16) > a {top: 240px;} #sub_office2 .tabmenu > li > .con {padding-top: 330px;} #sub_office3 .table_box .con_table th {font-size: 16px;} #sub_office3 .no02 .table_box .con_table tr td {font-size: 15px;} #sub_office3 .inc_table .one {width: 49.45%; margin-bottom: 35px;} #sub_office3 .inc_table .two, #sub_office3 .inc_table .three {width: 49.45%; margin: 0;} #sub_office3 .no02 {margin-top: 35px; border-top: none;} #sub_office3 .no02 .table_box {width: 49.45%; margin: 0 1% 15px 0;} #sub_office3 .no02 .table_box:nth-child(2n) {margin-right: 0;} #sub_office3 .no02 .table_box:nth-child(3) {margin-right: 1%;} #sub_office3 .inc_table .one::after, #sub_office3 .inc_table .one::before {display: none;} #sub_location .root_daum_roughmap .wrap_map{height:350px !important;} #sub_org .org1 {width: 490px;} #sub_org .comm ul li a {font-size: 14px; letter-spacing: -2px;} #sub_org .comm ul li {margin-bottom: 5px;} #sub_org .comm ul li::before {top: 7px;} #sub_org .comm ul {padding: 20px 15px;} #sub_org #box_border {padding: 35px;} .con_txt .step_box .step_list { margin: 10px 0 0 0; } } @media all and (max-width:758px){ #sub_symbol #box_border {padding: 50px;} #sub_symbol .img_box, #sub_symbol .left_box {float: none; width: 100%;} #sub_symbol .left_box {margin: 30px 0 0 0;} .down_btn {float: none; text-align: left;} } @media all and (max-width:680px) { #sub_location div.infor {padding: 35px 30px; width: 95%; border-radius: 35px 10px; top: 340px; right: auto; left: 50%; transform: translateX(-50%);} } @media all and (max-width:650px) { div.greeting div.right p.tit .m_block {display: block;} div.greeting div.right .txt_box {margin-left: 20px;} div.greeting div.right .bottom {width: 100%;} #sub_history .tab_btn li {width: 18%;} #sub_history .top {height: 315px;} #sub_history .tab_btn li a {height: 45px; line-height: 45px;} #sub_history .mem_list ul li {width: 16%;} } @media all and (max-width:600px){ #sub_org .org1 {width: 100%;} #sub_org .org1 > span {width: 100%; border-radius: 5px; height: 58px;} #sub_org .org1_2:after, #sub_org .org1 span::after, #sub_org .org1 > span:before {display: none;} #sub_org .org1 > span a {color: #fff; line-height: 58px;} #sub_org .org2, #sub_org .comm {width: 100%; margin-top: 10px;} #sub_org .org1_2 span {width: 100%; height: 58px; line-height: 58px;} } @media all and (max-width:580px){ #sub_history .top {height: 400px;} } @media all and (max-width:568px){ #sub_profile .bottom .pf li > span {display: block;} #sub_profile .bottom .pf li strong {width: 120px; font-weight: 700;} #sub_profile .bottom .career {display: flex; flex-direction: column; padding: 30px 20px;} #sub_profile .bottom .career ul:after {width: 50%; height: 1px; top: -18px; left: 50%; transform: translate(-50%, 0);} #sub_profile .bottom .career ul {margin-top: 40px;} #sub_profile .bottom .career span.tit {padding: 0;} .con_txt #box_border {padding: 30px 20px;} .con_txt .step_box .title {font-size: 16px;} .con_txt .step_box .step_list {font-size: 15px;} .con_txt .step_box .title span {font-size: 15px;} #sub_operate5 .dot {font-size: 15px;} #sub_operate5 .dot li {padding-bottom: 10px;} #sub_operate5 #box_border {padding: 30px 20px;} .con_txt {margin-bottom: 35px;} .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 15px;} .con_txt .dot.dsmall > li:before {top: 10px;} #sub_org2 #box_border ul li img {max-width: 65%;} .magazine_box .box_color p {text-align: left; font-size: 15px;} .magazine_box .ask_box li span {display: block; margin: 0 0 12px 0;} .magazine_box .down_btn a {width: 100%;} .box_color {padding: 24px;} #sub_regulations .dot span {display: block; padding-bottom: 5px; font-size: 17px;} #sub_regulations .dot > li {margin-top: 15px;} #sub_regulations .down_btn p a {font-size: 15px;} #sub_regulations .step_box2 {padding: 0 10px;} #sub_regulations .step_box2, #sub_regulations .step_box2 p, #sub_regulations .dash > li, #sub_regulations .dot > li{font-size: 15px; line-height: 160%;} #sub_district .map_btn li {width: calc(25% - 5px);} #sub_district .district .inner {padding: 30px;} #sub_office2 .form_sc .sel{width:48%;} #sub_office2 .form_sc .in_txt{width:96%;} #sub_office2 #fax {font-size: 16px;} #sub_symbol #box_border {padding: 50px 30px;} #sub_symbol .left_box > p {font-size: 20px;} #sub_symbol .left_box li {font-size: 15px; padding: 0 0 25px 60px;} #sub_symbol .left_box li span {font-size: 17px;} .down_btn p {margin-right: 2px; width: 100%; margin: 0 0 5px 0;} .down_btn p a {padding: 0 15px; width: 100%; line-height: 55px; font-size: 15px;} #sub_buiding1 .bd_box .btn_wrap {display: block; position: absolute; bottom: 0; right: 0;} #sub_buiding1 .bd_box .btn_wrap a {display: inline-block; vertical-align: middle;background: #243d99; color: #fff; padding: 12px 20px; border-radius: 3px;} #sub_location .root_daum_roughmap .wrap_map{height:270px !important;} #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:19px;} #sub_location .dot span {font-size: 17px;} #sub_location .dot > li {padding-left: 60px;} #sub_location .dot > li:last-child {padding-top: 30px;} } @media all and (max-width:520px){ div.greeting div.right .txt_box p.tt:before {left: 0%;} #sub_history .tab_btn li {width: 28%;} #sub_history .tab_btn li {padding: 0 5px 5px 0;} #sub_history .h_right img {width: 280px;} #sub_history .h_left {margin-top: 250px;} #sub_history #box_border {padding: 40px 30px;} } @media all and (max-width:480px){ div.greeting {margin-top: 50px;} #sub_history .mem_list ul li {width: 20%;} #sub_office1 .org .team ul {width: 100%;} #sub_office1 .org:after {display: none;} #sub_office1 .org .top_title {width: 100%; margin: 0 auto 10px;} #sub_location div.infor {font-size: 14px; padding: 35px 20px;} } @media all and (max-width:420px){ div.greeting div.right .txt_box {text-align: left; margin-left: 5px;} div.greeting div.right .txt_box {font-size: 24px; line-height: 38px;} div.greeting div.right .txt_box p.tit strong .em {font-size: 32px;} #sub_history .top .tit_box .tit {font-size: 20px;} #sub_history .top .tit_box > span {font-size: 14px; margin-top: 10px;} } @media all and (max-width:418px){ .box_color .check {background-position: left 12%;} } @media all and (max-width:380px){ div.greeting div.left {width: 100%;} div.greeting div.right .txt_box {font-size: 20px; line-height: 35px;} div.greeting div.right .bottom p {font-size: 16px; line-height: 24px;} .con_txt .step_box .title {font-size: 15px;} .con_txt .step_box .step_list, #sub_operate2 .step_box .step_list .dash {font-size: 14px;} #sub_operate5 .dot {font-size: 14px;} .con_txt {margin-bottom: 30px;} .con_txt p, .con_txt .dash li, .con_txt .dot.dsmall {font-size: 14px;} .con_txt .dot.dsmall > li:before {top: 8px;} #sub_org2 #box_border h4 {font-size: 18px;} #sub_regulations .dot span {font-size: 16px;} #sub_regulations .down_btn p a {font-size: 14px;} #sub_regulations .step_box2, #sub_regulations .step_box2 p, #sub_regulations .dash > li, #sub_regulations .dot > li{font-size: 14px;} #sub_office3 .no02 .table_box .con_table tr td {font-size: 14px;} #sub_location .root_daum_roughmap .wrap_map{height:250px !important;} #sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:18px;} #sub_location .addr {font-size:15px;} #sub_location .addr li{min-height:55px; padding:4px 0 0 70px; background-size:55px;} #sub_history .h_right {top: 30px; left: 30px;} #sub_history .h_right img {width: 240px;} #sub_history .h_left {margin-top: 200px;} #sub_history .h_left h4:before { display: none;} #sub_history .h_left h4 {font-size: 18px;} #sub_history .h_left .list_box li {font-size: 14px; letter-spacing: -2px;} #sub_history .mem_list ul li {width: 25%;} #sub_location div.infor {font-size: 12px; padding: 35px 20px;} #sub_location div.infor strong {margin-right: 8px;} #sub_location div.infor .m_block {margin-left: 31px;} } @media all and (max-width:360px){ #sub_history .top .tit_box .tit {font-size: 18px;} #sub_history .top .tit_box span span.block {display: block;} } @media all and (max-width:340px){ #sub_location .addr li{min-height:52px; padding:3px 0 0 67px; background-size:52px;} } /*������ü*/ #sub_party1 .con_table .b_line {border-bottom: 1px solid #b0c1c1;} #sub_party1 .con_table .r_line {border-right: 1px solid #b0c1c1;} #sub_party1 .con_table td:last-child {text-align: center;} .party .tabmenu > li > a {width: 25%;} .party .tabmenu > li:nth-child(2) > a {left: 24.9%;} .party .tabmenu > li:nth-child(3) > a {left: 49.9%;} .party .tabmenu > li:nth-child(4) > a {left: 74.9%;} .party .cntbody:after{content:''; display:block; clear:both; width:100%; height:0; font-size:0; overflow:hidden;} .party .cntbody .img{float:left; width:35%;} .party .cntbody .img .pic{padding:0 40px 0 0;} .party .cntbody .img img{max-width:100%;} .party .cntbody .txt{float:right; width:65%; font-size:18px; font-weight:400;} .party .cntbody .tit{position:relative; line-height:150%; margin:35px 0; font-size:25px;} .party .cntbody .tit p{line-height:100%;} .party .cntbody .tit div{padding:10px 0 27px; font-size:32px; color:#000; font-weight:700;} .party .cntbody .tit div span{color:#2d67a8; font-weight:800;} .party .cntbody .tit:after{content:''; display:block; width:100%; height:2px; background-color:#2d67a8;} .party .cntbody .txt>strong{display:block; margin-bottom:30px; font-weight:400;} .party .cntbody .sign{margin-top:70px; font-size:17px; font-weight:300; text-align:right;} .party .cntbody .sign>*{vertical-align:bottom;} .party .cntbody .sign>span{margin-right:6px; line-height:100%;} .card_wrap {margin: 75px 0 0 0;} .card_wrap .box_color {width: 48.93%; margin: 0 auto;} .card_wrap .box_color .profile {width: 100%;} .card_wrap .two_box {margin: 25px 0 0 0; display: inline-block;} .card_wrap .two_box:nth-child(2) {margin: 25px 1.9% 0 0;} @media all and (max-width:1320px){ .card_wrap .box_color {padding: 20px;} .con_txt .card_wrap .profile dl {padding: 0 0 0 40%;} } @media all and (max-width:768px){ .party .cntbody .img{width:100%; text-align:center;} .party .cntbody .img .pic{padding:0;} .party .cntbody .txt{width:100%; padding:40px 7px 0; box-sizing:border-box;} .card_wrap .box_color {width: 100%;} } @media all and (max-width:568px){ .party .cntbody .img img{width:254px;} .party .cntbody .txt{padding:20px 7px 0;} .party .cntbody .tit{font-size:22px;} .party .cntbody .tit div{font-size:24px;} .con_txt .card_wrap .profile dl {padding: 0 0 0 35%;} } @media all and (max-width:380px){ .party .cntbody .txt{font-size:16px;} .party .cntbody .sign{font-size:16px;} } /* �ǿ��Ұ� */ #sub_active{float:left; width:100%;} #sub_active .normal_list img, #sub_memberlist .normal_list img{max-width:119px;} .profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px; border:1px solid rgba(41,46,68,0.15); box-sizing:border-box;} .profile:hover{border-color:#18567c;} .profile.none{float:right;} .profile dl{position:relative; float:left; width:100%; padding:0 0 0 41.9%; box-sizing:border-box;} .profile dt{position: absolute; top:0; left:7.7%;} .profile dt img{max-width:140px; border:1px solid #e5e5e5;} .profile dd{float:left; width:100%; min-height:180px;} .profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;} .profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000; letter-spacing:-2px;} .profile dd ul{clear:both; width:100%;} .profile dd li{position:relative; padding:0 0 8px 87px; line-height:135%; box-sizing:border-box;} .profile dd li *{display:inline-block; vertical-align:top;} .profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#18567c;} .profile dd li em{position:absolute; top:0; left:14px; width:85px; letter-spacing:2px;} .profile dd li:first-child em{letter-spacing:13px;} .profile dd li:nth-child(3) em{letter-spacing:0;} .profile dd li span{width:100%; word-break:break-all;} .profile dd li .colon{position:absolute; top:0; left:75px; width:auto;} .profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;} .profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; font-weight:400; border-top:1px solid rgba(41,46,68,0.1); border-right:1px solid rgba(41,46,68,0.15); color:#292e45; border-radius:0 0 0 10px; background:#e7eef2; text-align:center; text-decoration:none; box-sizing:border-box;} .profile .btns a.end{width:calc(50% + 1px); margin:0 0 0 -1px; border-right:none; border-left:1px solid rgba(41,46,68,0.15); border-radius:0 0 10px 0;} .profile .btns a.end:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(/images/kr/member/ico_open.png) no-repeat 0 100%;} .profile .btns a:hover{z-index:1; background-color:#fff; border-color:#18567c;} .profile .btns a:focus {border: 2px solid #000;} .profile .sns{float:left; padding:0 0 0 24px;} .profile .sns a{float:left; width:28px; height:27px; font-size:0; text-indent:-9999px; background:#000 url(/images/common/ico_sns.png) no-repeat -28px 5px;} .profile .sns .home{background:#7c48ab url(/images/kr/member/ico_w_home.png) no-repeat 6px 5px;} .profile .sns .fb{background-color:#254da9; background-position:9px 5px;} .profile .sns .bl{background-color:#24c000; background-position:-66px 5px;} .profile .sns .kko{background-color:#fbc000; background-position:-141px 5px;} .profile .sns .insta{background-color:#c536a4; background-position:-103px 5px;} .profile .sns .off{display: none; background-color:#aaa;} .chairmanlist .profile .sns{float:right; padding:0;} .card_wrap .profile dd{min-height:205px;}/* ������ü */ #sub_memberlist .profile dd{min-height:192px;} #sub_memberlist .profile .btns a:first-child{width:100%; border-right:none; border-radius:0 0 10px 10px;} #sub_active .dot>li:after {display: none;} @media all and (max-width:1430px) { .profile dt{left:4.5%; width:35%; max-width:140px;} .profile dt img{max-width:100%;} .profile .name{padding:3px 0 20px;} .profile .name strong{line-height:32px; font-size:23px;} .profile .sns{padding:0 0 0 7px;} } @media all and (max-width:1024px) { .profile{width:49%;} .profile dl{padding:0 0 0 38%;} .profile dt{left:4.5%; width:35%; max-width:155px;} .profile dt img{width:87%; max-width:119px; height:auto;} .profile .name{padding:0 0 15px;} .profile .name strong{font-size:25px;} .profile dd li{padding-bottom:7px;} #sub_memberlist .profile dd{min-height:167px;} } @media all and (max-width:768px) { .profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;} .profile dl{padding:0 0 27px 170px;} .profile dt{left:3.5%;} .profile dd, .card_wrap .profile dd{min-height:135px;} .profile .name strong{font-size:23px;} .profile .btns{margin:1em 0 0 0;} #sub_memberlist .profile dd{min-height:135px;} } @media all and (max-width:568px) { .profile dl{padding:0 0 23px 38%;} .profile .name{padding:0 0 12px;} .profile .name strong{font-size:21px;} .profile dd li{padding:0 0 5px 80px;} .profile dd li:before{top:5px;} .profile .btns a{height:47px; line-height:47px;} } @media all and (max-width:380px) { .profile dd li:first-child em{letter-spacing:12px;} .profile dd li .colon{left:70px;} } @media all and (max-width:357px) { .profile .name strong{font-size:20px;} .profile .sns{width:100%; padding:5px 0 0 0;} } /* ����� */ .con_txt .profile {float: none; width: 485px; margin: 0 auto; padding: 0; border: none; border-radius: 3px; } .con_txt .profile strong {font-size: 28px;} .con_txt .profile strong span {font-size: 23px; font-weight: 900; color: #07746f; margin-left: 10px;} .con_txt .profile dl {padding: 0 0 0 34.15%;} .con_txt .profile dt {left: 0;} .con_txt .profile .name {padding-top: 17px;} .con_txt .profile .sns {float: right; padding: 0;} .con_txt .profile dd {min-height: 150px;} .con_txt .profile dd li em {left: 8px;} .con_txt .profile dd li:first-child em {letter-spacing: 2px;} .con_txt .profile dd .lcl em {letter-spacing: 13px;} .con_txt .profile .btns {width: auto; margin: 0 0 0 34%;} .con_txt .profile .btns a {width: 40.625%; height: 50px; line-height: 50px; border: none; background: #6a6f85; color: #fff; border-radius: 3px; font-size: 15px; font-weight: 700;} .con_txt .profile .btns a:last-child {width: 56.875%; background: #292e44; margin: auto; display: block; float: none;} .con_txt .profile .btns a.end:after {width: 10px; height: 10px; filter: invert(100%); background-size: cover;} .chairmanlist .con_txt {font-size: 0;} .chairmanlist .con_txt .dot.dsmall > li {padding: 0 0 5px 87px; margin: 0 0 10px 0; font-weight: 700; border-bottom: 1px solid #ccc;} .chairmanlist .con_txt .dot.dsmall > li:last-child {margin: 0 0 20px 0;} .chairmanlist .con_txt .box_border:not(:first-child) {width: 48.93%; padding: 50px 42px; display: inline-block; margin: 40px 0 0 1.9%;} .chairmanlist .con_txt .box_border:not(:first-child):nth-child(2n) {margin: 40px 0 0 0;} .chairmanlist .con_txt .box_border:not(:first-child):nth-child(4) {margin: 20px 0 0 0;} .chairmanlist .con_txt .box_border:not(:first-child) .profile {width: 100%; margin: 0;} .chairmanlist .con_txt .box_border:not(:first-child) .profile .btns a {width: 39.04%;} .chairmanlist .con_txt .box_border:not(:first-child) .profile .btns a:last-child {width: 57.9%;} #sub_chairmanlist2 .con_table td {line-height: 160%;} @media all and (max-width:1320px){ .con_txt .profile strong {font-size: 24px;} .con_txt .profile strong span {font-size: 20px; margin-left: 6px;} .chairmanlist .con_txt .profile .sns {width:100%;} .chairmanlist .con_txt .box_border:not(:first-child) {padding: 20px;} .chairmanlist .con_txt .box_border:not(:first-child) .profile dl {padding: 0 0 0 40%;} .chairmanlist .con_txt .box_border:not(:first-child) .profile .btns {margin: 0 0 0 40%;} .chairmanlist .con_txt .dot.dsmall > li {font-size: 16px;} } @media all and (max-width:768px){ .con_txt .profile .btns, .chairmanlist .con_txt .box_border:not(:first-child) .profile .btns {margin: 0; width: 100%;} .con_txt .profile {width: 100%;} .con_txt .profile dl, .chairmanlist .con_txt .box_border:not(:first-child) .profile dl{padding: 0 0 0 155px;} .chairmanlist .con_txt .box_border:not(:first-child) {width: 100%; margin: 20px 0 0 0;} .chairmanlist .con_txt .box_border:not(:first-child):last-child {margin: 20px 0 0 0;} .chairmanlist .con_txt .box_border:first-child{padding:20px;} } @media all and (max-width:568px){ .con_txt .profile strong {font-size: 20px;} .con_txt .profile strong span {font-size: 17px;} .con_txt .profile .sns {width: 100%; padding: 0;} .con_txt .profile dl, .chairmanlist .con_txt .box_border:not(:first-child) .profile dl{padding: 0 0 0 35%;} .chairmanlist .con_txt .dot.dsmall > li {font-size: 15px;} } @media all and (max-width:380px){ .con_txt .con_txt .dot.dsmall > li {font-size: 14px; padding-left: 70px;} .con_txt .profile dd {min-height: auto;} .con_txt .profile dd li .colon {left: 64px;} .con_txt .profile .name {padding-top: 0;} .profile dd li span {margin-left: 5px;} .chairmanlist .con_txt .dot.dsmall > li {padding-left: 70px;} } /* �����ǿ� �ǾȰ˻� */ .form_sc{position:relative; overflow:hidden; width:100%; padding:30px 0 30px 50px; margin:0 0 30px; background:#eef2f6; box-sizing:border-box;} .form_sc + .taR{padding:8px 0 35px 0; font-size:95%;} .form_sc div{position:relative; float:left; width:37%; padding:0 0 0 130px; box-sizing:border-box;} .form_sc label{position:absolute; left:55px; top:0; display:block; width:60px; line-height:42px; font-weight:800; color:#003964; text-align:right;} .form_sc .sel{width:20%; padding:0 0 0 10px;} .form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url(/images/common/ico_assem.png) no-repeat right 14px top 50%;} .form_sc select::-ms-expand{display:none;} .form_sc select, .form_sc input[type="text"]{width:100%; height:42px; line-height:42px; padding:0 0 0 12px; border:none;} .form_sc input[type="text"]{padding-right:42px; background:#fff;} .form_sc .btn{position:absolute; right:0; top:0; height:42px; width:44px; line-height:42px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#3051cc;} .form_sc .btn:before, .form_sc .btn:after{content:''; display:block; position:absolute; top:12px; left:14px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;} .form_sc .btn:after{left:24px; top:25px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;} .form_sc .btn:hover{background-color:#004e96;} .form_sc .intxt{padding-right:50px;} @media all and (max-width:1024px) { .form_sc{padding-left:35px;} .form_sc + .taR{font-size:15px;} } @media all and (max-width:768px) { .form_sc div{padding:0 0 0 100px;} .form_sc label{left:25px;} .form_sc .sel label{left:20px;} } @media all and (max-width:568px) { .form_sc{padding:25px 0 27px 10px;} .form_sc div{width:96%; padding:0 0 0 65px;} .form_sc label{left:10px; width:50px; font-size:17px;} .form_sc .sel{width:32%; padding:0 0 5px 5px;} .form_sc select, .form_sc input[type="text"]{padding:0 0 0 10px;} .form_sc input[type="text"]{padding-right:45px;} .form_sc + .taR{font-size:14px;} } @media all and (max-width:380px) { .form_sc{padding:22px 0 24px 10px;} .form_sc div{padding:0 0 0 55px;} .form_sc label{left:0; width:50px; font-size:16px; line-height:40px;} .form_sc .sel label{left:-10px;} .form_sc .sel:after{right:12px;} .form_sc + .taR{font-size:13px;} } /* ���������� */ #sub_standingchair .tabmenu4 > li > a {width: 11.11%;} #sub_standingchair .tabmenu4 > li:nth-child(2) > a {left: 11.11%;} #sub_standingchair .tabmenu4 > li:nth-child(3) > a {left: 22.22%;} #sub_standingchair .tabmenu4 > li:nth-child(4) > a {left: 33.33%;} #sub_standingchair .tabmenu4 > li:nth-child(5) > a {left: 44.44%;} #sub_standingchair .tabmenu4 > li:nth-child(6) > a {top: 0; left: 55.55%;} #sub_standingchair .tabmenu4 > li:nth-child(7) > a {top: 0; left: 66.66%;} #sub_standingchair .tabmenu4 > li:nth-child(8) > a {top: 0; left: 77.77%;} #sub_standingchair .tabmenu4 > li:nth-child(9) > a {top: 0; left: 88.88%;} #sub_standingchair .tabmenu4 > li:nth-child(10) > a {top: 57px;left: 0%;} #sub_standingchair .tabmenu4 > li:nth-child(11) > a {top: 57px;left: 11.11%;} #sub_standingchair .tabmenu4 > li:nth-child(12) > a {top: 57px;left: 22.22%;} #sub_standingchair .tabmenu4 > li:nth-child(13) > a {top: 57px;left: 33.33%;} #sub_standingchair .con_table td:first-child {background: none; font-weight: 500;} #sub_standingchair .con_table td:last-child {border-left: 1px solid #b0c1c1; text-align: center;} #sub_standingchair .con_table .dash {margin: 8px 0 0 0; line-height: 150%;} #sub_standingchair .con_table td.first_td {background: #f8f9f9; font-weight: 700;} #sub_standingchair .con_table td.last_td {border-right: none; text-align: left; padding: 14px 20px;} /* �ǻ����� */ #sub_memberlist h4, #sub_agenda1 h4, #sub_agenda2 h4{float:left; width:auto; clear:none; margin:10px 0 0 0;} .sub_agenda .board_sch fieldset{padding:0 63px 0 0;} .sub_agenda .board_sch .sel{position:relative; float:left; width:50%; padding:0 2px 0 0; box-sizing:border-box;} #sub_agenda1 .board_sch .sel{width:100%;} @media all and (max-width:380px){ .sub_agenda .board_sch fieldset{padding:0 53px 0 0;} } /* ����ȸ������ */ #sub_agenda3 {position:relative;} #sub_agenda3 h4 {padding: 10px 0 19px 32px; background-position: 0 15px;} #sub_agenda3 h5{float:left; padding:20px 0 0 0;} #sub_agenda3 .board_sch{position:absolute; width:400px; right:0; top:0; margin:0 0 25px; padding:0; background: none;} #sub_agenda3 .board_sch fieldset {padding:0 53px 0 0;} #sub_agenda3 .board_sch select {height: 50px; line-height: 47px; border-radius:5px} #sub_agenda3 .board_sch .btn {width: 50px; height: 50px; border-radius:5px;} #sub_agenda3 .table_wrap {padding: 0;} #sub_agenda3 .dash {line-height: 150%;} @media all and (max-width:768px){ #sub_agenda3 .board_sch {width: 310px;} #sub_agenda3 .board_sch select {height:44px; line-height:44px;} #sub_agenda3 .board_sch .btn {width: 44px; height: 44px;} } @media all and (max-width:568px){ #sub_agenda3 .table_info {padding: 50px 0 0 0;} #sub_agenda3 .board_sch{width:100%; top:55px;} } /* ��û�ȳ� */ #box_border.thick {width: 500px; padding: 35px 40px; font-size: 19px; font-weight: 700; color: #363c5a;} /* #box_border.thick::after {top: 14px; left: 14px; width: calc(100% - 28px); height: calc(100% - 28px);} */ #sub_tour #box_border span {font-weight: 900; padding: 0 50px 0 0;} #sub_tour .list > li {padding-top: 20px; font-weight: 700; color: #000; font-size: 17px;} #sub_tour .list > li:first-child {padding-top: 0;} #sub_tour .list .dash li {font-weight: 400;} #sub_tour .list .dash li:first-child {margin-top: 8px;} #sub_tour .list .dash li:last-child {margin-bottom: 5px;} #sub_tour .dash.pd li {margin: 15px 0 0 0;} #sub_tour .dash.pd li:first-child {margin: 0;} @media all and (max-width:768px){ #box_border.thick {font-size: 17px;} } @media all and (max-width:568px){ #box_border.thick {font-size: 16px; width: 100%;} #sub_tour .list > li {font-size: 16px; padding-top: 15px;} } @media all and (max-width:380px){ #sub_tour #box_border span {padding-right: 30px;} #sub_tour .list > li {font-size: 15px; padding-top: 10px;} } /* ��ȸ ��ġ���� */ #sub_law .box_color {margin-bottom: 40px;} #sub_law .thick {width: 100%; font-size: 15px;} #sub_law .thick ul li {position: relative; width: 490px; margin: 0 0 10px 0; border: 1px solid #243d99; box-sizing: border-box; border-radius: 3px; background: url(/images/kr/guide/ico_bcom_new.jpg)no-repeat 95% center;} #sub_law .thick ul li:last-child {margin: 0;} #sub_law .thick ul li a {color: #243d99; display: block; padding: 15px 40px 15px 20px;} #sub_law .tabmenu > li > a {width: 33.33%;} #sub_law .tabmenu > li:nth-child(2) > a {left: 33.33%;} #sub_law .tabmenu > li:nth-child(3) > a {left: 66.66%;} #sub_law .tabmenu > li > .con {padding: 85px 0 0 0;} @media all and (max-width:768px){ #sub_law .thick ul li {width: 100%;} } /* ��ȸ������ */ #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%; font-family:"Noto Sans KR"} #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; font-family:"Noto Sans KR"} #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_hope .red{color:#d53030;} #sub_hope .info_box{position:relative; padding:2em 20% 2em 2em; margin:0 0 1.5em 0; border:1px solid #e0e0e0; background:#fff;} #sub_hope .info_box:before{content:''; display:block; position:absolute; top:23px; right:3%; width:114px; height:134px; background:url(/images/kr/open/bg_hope.gif) no-repeat;} @media all and (max-width:768px) { #sub_hope .info_box{padding:20px 20% 20px 20px;} #sub_hope .info_box:before{width:87px; right:2%; width:87px; height:104px; margin:0 0 0 3px; background-size:contain;} } @media all and (max-width:568px) { #sub_hope .info_box{padding:20px;} #sub_hope .info_box:before{position:static; float:right; width:75px; height:90px;} } @media all and (max-width:400px) { #sub_hope .info_box{padding:17px;} #sub_hope .info_box:before{width:68px; height:80px;} } /* ���հ˻�*/ #sub_search .search{width:100%; padding:60px 0; margin:0 0 30px 0; border-radius:10px; background:#f1f3f5;} #sub_search .search *{display:inline-block; vertical-align:top;} #sub_search .search form, #sub_search .search fieldset{width:100%; text-align:center;} #sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:115%; font-weight:800;} #sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #c8c8ca;} #sub_search .search button{width:60px; height:40px; background:#3a4996; color:#fff;} #sub_search .result h4{margin:0 0 15px 0; font-size:120%; font-weight:800; border-bottom:1px solid #ccc; background-position:0 4px;} #sub_search .result > .dot{margin:0 0 0 10px;} #sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:800;} #sub_search .result > .dot > li ul{font-weight:200;} #sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#3a4996;} @media all and (max-width:768px) { #sub_search .search{padding:50px 0; margin:0 0 25px;} #sub_search .search fieldset{text-align:center;} #sub_search .search #word{width:30%;} #sub_search .search button{width:65px; font-size:16px;} #sub_search .result > .dot > li:before{top:7px;} } @media all and (max-width:568px) { #sub_search .search{padding:45px 0;} } @media all and (max-width:380px) { #sub_search .search{padding:40px 0;} } /* ��ʸ��� */ #sub_banner ul{overflow:hidden; width:100%; font-size: 0;} #sub_banner ul li{display:inline-block; width:20%; padding:10px; box-sizing:border-box; text-align: center; font-size: 16px;} #sub_banner ul li img{max-width:100%; border: 1px solid #eee;} #sub_banner ul li.none{font-weight:bold; text-align:center; width:100%;} @media all and (max-width:768px) { #sub_banner ul li{width:32.5%; padding:5px 3px; text-align:center;} } @media all and (max-width:568px) { #sub_banner ul li{width:49.2%;} } /*����Ʈ��*/ #sub_sitemap .site{overflow:hidden; width:100%; padding:20px 0 0 0; border-top:1px solid #d6d6d6;} #sub_sitemap .site:first-of-type{padding:0; border-top:none;} #sub_sitemap .site h4{float:left; width:22%; box-sizing:border-box;} #sub_sitemap .site > ul{float:left; width:78%; padding:0;} #sub_sitemap .site > ul > li {float:left; width:30%; padding:0 1.5% 30px;} #sub_sitemap .site > ul > li > a{display:block; line-height:40px; border:1px solid #d6d6d6; text-align:center; font-size:115%; font-weight:700;} #sub_sitemap .site > ul > li > a:hover, #sub_sitemap .site > ul > li > a:focus{background:#f8f8f8;} #sub_sitemap .site > ul > li > ul{padding:10px 0 0 0;} @media all and (max-width:1024px) { #sub_sitemap .site{padding:10px 0 0 0;} #sub_sitemap .site h4{width:95%;} #sub_sitemap .site > ul{width:100%; padding:0 0 0.4em 0;} #sub_sitemap .site > ul > li{padding-bottom:20px;} } @media all and (max-width:768px) { #sub_sitemap .site > ul{padding:0 0 1em 0;} #sub_sitemap .site > ul > li{width:48%; padding:0 1% 10px;} #sub_sitemap .site > ul > li > a{font-size:105%;} } /*사이트맵*/ #sub_sitemap .site{overflow:hidden; width:100%; padding:20px 0 0 0; border-top:1px solid #d6d6d6;} #sub_sitemap .site:first-of-type{padding:0; border-top:none;} #sub_sitemap .site h4{float:left; width:22%; box-sizing:border-box;} #sub_sitemap .site > ul{float:left; width:78%; padding:0;} #sub_sitemap .site > ul > li {float:left; width:30%; padding:0 1.5% 30px;} #sub_sitemap .site > ul > li > a{display:block; line-height:40px; border:1px solid #d6d6d6; text-align:center; font-size:115%; font-weight:700;} #sub_sitemap .site > ul > li > a:hover, #sub_sitemap .site > ul > li > a:focus{background:#f8f8f8;} #sub_sitemap .site > ul > li > ul{padding:10px 0 0 0;} @media all and (max-width:1024px) { #sub_sitemap .site{padding:10px 0 0 0;} #sub_sitemap .site h4{width:95%;} #sub_sitemap .site > ul{width:100%; padding:0 0 0.4em 0;} #sub_sitemap .site > ul > li{padding-bottom:20px;} } @media all and (max-width:768px) { #sub_sitemap .site > ul{padding:0 0 1em 0;} #sub_sitemap .site > ul > li{width:48%; padding:0 1% 10px;} #sub_sitemap .site > ul > li > a{font-size:105%;} } #sub_privacy{word-break:keep-all;} #sub_privacy li ul{padding-top:3px;} #sub_privacy strong{font-weight:400;} /* ���۱���å */ #sub_copyright .con_txt #box_border {margin: 25px 0;} #sub_copyright #box_border.thick {width: 100%; text-align: center;} #sub_copyright .box_color {font-size: 17px; line-height: 160%;} #sub_copyright .box_color p{font-size: 19px; font-weight: 900; color: #363c5a;} #sub_copyright .call_box {margin: 65px 0 50px 0;} #sub_copyright .call_box .green_box {float: left; display: table; width: 49.44%; margin: 0 1.1% 0 0; background: #e6f2f2; padding: 15px 20px; box-sizing: border-box; border-radius: 5px;} #sub_copyright .call_box .green_box:last-child {margin: 0;} #sub_copyright .call_box .green_box > * {display: table-cell; vertical-align: middle; position: relative; line-height: 160%; font-size: 16px;} #sub_copyright .call_box .green_box p {font-weight: 700; padding: 0 35px 0 6px; width: 140px;} #sub_copyright .call_box .green_box p:after, #sub_copyright .call_box .green_box span:after {position: absolute; content: ''; width: 2px; height: 2px; background: #000; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%);} #sub_copyright .call_box .green_box span:after {width: 1px; height: 14px; background: #666; left: -5%; border-radius: 0;} /* #sub_copyright .btnCopy {float: right;} #sub_copyright .down_btn {float: left;} */ #sub_copyright .down_btn:first-child {margin-right: 5px;} #sub_copyright .down_btn p a::after {width: 15px; height: 12px; background: url(/images/common/ico_new.png)no-repeat -12px 0px; background-size: cover;} #sub_copyright .btnCopy {display: flex;} #sub_copyright .down_btn p a {width: 250px;} @media all and (max-width:1280px){ #sub_copyright .call_box .green_box > * {display: block;} #sub_copyright .call_box .green_box p {padding: 0 0 0 6px;} #sub_copyright .call_box .green_box span:after {display: none;} } @media all and (max-width:568px){ #sub_copyright .box_color {font-size: 15px;} #sub_copyright .box_color p {font-size: 17px;} #sub_copyright .call_box {margin: 20px 0;} #sub_copyright .call_box .green_box {width: 100%; margin: 0 0 5px 0;} #sub_copyright .call_box .green_box > * {font-size: 15px;} #sub_copyright .btnCopy, #sub_copyright .down_btn {float: none;} #sub_copyright .down_btn:first-child {margin: 0 0 5px 0;} } /* ��������ó����ħ */ #sub_privacy .box_color {margin-bottom: 30px;} #sub_privacy .txt_box {margin-bottom: 45px;} #sub_privacy .txt_box p {padding-bottom: 20px;} #sub_privacy .txt_box li {position: relative; line-height: 160%; margin: 0; font-size: 17px; color: #444; font-weight: 400;} #sub_privacy .txt_box .dot span {font-size: 19px; font-weight: 900; color: #363c5a; padding-bottom: 5px; display: block;} #sub_privacy .txt_box .dot > li:before {top: 10px;} #sub_privacy .txt_box .dash {padding:0 0 20px 0;} #sub_privacy .txt_box .dash:last-child {padding: 0;} #sub_privacy .txt_box .ab {padding: 0 0 20px 185px;} #sub_privacy .txt_box .ab span{position: absolute; top: 0; left: 10px;} #sub_privacy .txt_box .dot.after > li {float: left; width: 46%;} #sub_privacy .txt_box .dot.after > li:first-child .thick {padding: 9.8% 40px;} #sub_privacy .txt_box .dot.after .thick {width: 100%;} #sub_privacy .txt_box .ab:first-child {margin-right: 7%;} @media all and (max-width:1100px){ #sub_privacy .txt_box .dot.after > li {float: none; width: 500px;} #sub_privacy .txt_box .ab:first-child {margin-right: 0;} } @media all and (max-width:768px){ #sub_privacy .txt_box .dot span {font-size: 18px;} #sub_privacy .txt_box li {font-size: 16px;} } @media all and (max-width:568px){ #sub_privacy .txt_box .dot span {font-size: 17px;} #sub_privacy .txt_box li {font-size: 15px;} #sub_privacy .txt_box .dot.after > li {width: 100%;} } @media all and (max-width:380px){ #sub_privacy .txt_box .dot span {font-size: 16px;} #sub_privacy .txt_box li {font-size: 14px;} #sub_privacy .txt_box .ab {padding-left: 150px;} } /* �������� */ #box_border.login_wrap {padding:35px 30px;} .login_wrap .dot > li {padding-bottom: 5px;} .login_wrap .dot > li:before {top: 8px;} .login_wrap .login {margin: 25px 0 0;} .login_wrap .login .con input{float: left; border-radius: 3px;} .login_wrap .login .con input:last-child {float: right;} .login_wrap .login .btns {margin:20px 0 0 auto; display: block;width: 120px; height: 50px; line-height: 50px; font-weight: 700; color: #fff; text-align: center; background: #292e44; border-radius: 3px;} .qna .dot > li:before {top: 9px;} #sub_qnaletter {position: relative;} #sub_qnaletter .panel-heading {padding: 0 0 20px;} #sub_qnaletter .widget-menu {position: absolute; top: 0; right: 0;} #sub_qnaletter .table > thead > tr > th, #sub_qnaletter .table > tbody > tr > th, #sub_qnaletter .table > tfoot > tr > th, #sub_qnaletter .table > thead > tr > td, #sub_qnaletter .table > tbody > tr > td, #sub_qnaletter .table > tfoot > tr > td {vertical-align: middle;} #sub_qnaletter .btns .btn {float: left; padding: 0; width: 48%; height: 30px; line-height: 30px; font-size: 15px; min-width: auto;} #sub_qnaletter .btns .btn:last-child {float: right;} #sub_qnaletter p.col-xs-12 {box-sizing: border-box;} #sub_qnaletter .p0 {padding: 0 !important;} #sub_qnaletter .form-control {box-sizing: border-box; height: 40px; line-height: 40px;} #sub_qnaletter table#contents_form_table td.attach_td ul.attach_group li > input[type=file].attach, #sub_qnaletter table#contents_form_table td.attach_td1 ul.attach_group li > input[type=file].attach {width: 320px; padding-top: 7px; line-height: 1;} #sub_qnaletter table#contents_form_table td.attach_td ul.attach_group li.attach_boxset:before {display: none;} table#contents_form_table td.attach_td1 ul.attach_group li.attach_boxset{position: relative; padding: 0 10px 10px 20px; cursor: move;}table#contents_form_table td.attach_td1 ul.attach_group li.attach_boxset:last-child{padding-bottom: 0px;} #sub_qnaletter .attach_ico {position:absolute; top:6px;} #sub_qnaletter .attach_name {padding:0 0 0 18px; max-width:100%;} table#contents_form_table td.attach_td ul.attach_group li.attached_set:before {display:none;} @media all and (max-width:568px){ .login_wrap .login .con input {float: none; width: 100% !important;} .login_wrap .login .con input:last-child {margin: 10px 0 0;} #sub_qnaletter .btns .btn {width: 100%;} #sub_qnaletter .btns .btn:last-child {margin: 5px 0 0;} #sub_qnaletter table#contents_form_table td.attach_td ul.attach_group li > input[type=file].attach, #sub_qnaletter table#contents_form_table td.attach_td1 ul.attach_group li > input[type=file].attach {width: 100%;} } /* �����ο� */ #sub_board .label-warning {background-color: #cd780e;} /* ���� ���� ��û */ .qna .bold{font-weight: 800} /* ���� ��� */ #sub_agenda1 #chartWrap{margin-top:2rem;display:flex; flex-direction:column; gap: 4rem 1rem;} #sub_agenda1 #chartWrap > div{padding:32px; border:1px solid #16908a; border-radius:8px;} /*#sub_agenda1 #chartWrap canvas{width: auto !important;height: 400px !important;margin: 0 auto 2rem;}*/ /*#sub_agenda1 #chartWrap #research_paper canvas,*/ /*#sub_agenda1 #chartWrap #document_submission canvas{width:100% !important; height:auto !important; max-height: 400px;}*/ #sub_agenda1 #chartWrap canvas{width:100% !important; height:100% !important; margin-bottom:2rem;} #sub_agenda1 .non_pc{display:none;} #sub_agenda1 #billCartWrap{height: auto !important; grid-column: 1 / 3;} #sub_agenda1 .chart_list{width:100%; display:flex; gap:10px; height:50px;} #sub_agenda1 .chart_list li{width:120px; height:100%; display:inline-flex; border:1px solid #16908a; border-radius:4px; transition:0.3s} #sub_agenda1 .chart_list li.on{background-color:#16908a;} #sub_agenda1 .chart_list li.on a{color:#fff;} #sub_agenda1 .chart_list li:hover{background-color:#16908a;} #sub_agenda1 .chart_list li a{display:inline-flex; width:100%; height:100%; align-items:center; justify-content:center; transition:0.3s; font-family:"Noto Sans KR";} #sub_agenda1 .chart_list li:hover a{font-weight:700; color:#fff} /* ���� ��� - �Ǿ� */ #sub_agenda1 .billgubun{display:flex; flex-wrap:wrap;} #sub_agenda1 .billgubun li{height:32px; display:flex; align-items:center; justify-content:center;} #sub_agenda1 .billgubun li:nth-child(odd){width: 35%;margin-bottom: 12px;border: 1px solid #85bfbf;border-radius:6px;position:relative;z-index:3;background: #fff;} #sub_agenda1 .billgubun li:nth-child(even){width:59%; position:relative;} #sub_agenda1 .billgubun li:nth-child(even):before{content:'';display:inline-block; border-bottom:1px dashed #ddd; width:80%; height:1px; position:absolute; left:0%; top:50%; transform:translateX(-50%);} @media screen and (max-width: 768px){ #sub_agenda1 #chartWrap canvas{display:none !important;} #sub_agenda1 .chart_list{height:auto; margin-bottom:0rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));} #sub_agenda1 .chart_list li{width:100%; height:40px;} #sub_agenda1 #billCartWrap{grid-column: initial; height:100% !important;} #sub_agenda1 #chartWrap{row-gap: 3rem;} } @media screen and (max-width: 586px){ #sub_agenda1 .billgubun li:nth-child(odd),#sub_agenda1 .billgubun li:nth-child(even){width:%;} #sub_agenda1 .billgubun li:nth-child(even):before{width:40%; left:0%;} } /* �����繫���� 4�� tab */ .sub_tabwrap{ display: flex; align-items: start; gap:0.5rem; margin-bottom:2rem; } .tab_col1{display: none;} .sub_tabwrap a { width: 160px; display: inline-flex; align-items: center; justify-content: center; height: 30px; transition: 0.3s; background: #fff; color: #666; padding: 10px; font-weight: 700; font-family: "Noto Sans KR"; border-radius: 5px; border: 1px solid #ddd; transition:0.3s; } .sub_tabwrap a:hover, .sub_tabwrap a.currrent { color: #18567d; border-color: #18567d; font-weight: 700; background: #e7eef2; } @media screen and (max-width: 900px){ .sub_tabwrap a{ height: 24px; } } @media screen and (max-width: 568px){ .sub_tabwrap{ gap:12px; } .sub_tabwrap a{ height: 20px; padding: 10px 0; } } /* material ���ʾ� ���� */ .inline-block.search_box #searchform{ display: grid; grid-template-columns: 120px 500px; gap: 1rem; background: #f1f1f1; padding: 3rem 2rem; border-radius: 10px; justify-content: center; } .inline-block.search_box #searchform .mr20{ margin-right: 0 !important; } .inline-block.search_box #searchform #submit{ grid-column: -1 / 1; } @media screen and (max-width : 768px){ .inline-block.search_box #searchform { grid-template-columns: 75px 320px; } } @media screen and (max-width : 568px){ .inline-block.search_box #searchform { grid-template-columns: 58px 173px; gap: 12px; padding: 2rem 12px; } }