@charset "utf-8";
@import url("common.css");
@import url("/site/ko/2024/res/css/context.css");

.sns_share {display:none;}

.sub_title {position:relative; height:320px; margin-top:76px; background:url("/site/ko/res/img/sub_title_bg.png") no-repeat center center; background-size:100% auto;}
.sub_title .text {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:30px; font-weight:500; color:#fff;}
.sub_title .img {display:none;}
@media only screen and (max-width:1920px) {
	.sub_title {background-size:auto 100%;}
}

#navi {position:relative; height:60px; margin-top:-60px; z-index:1;}
#navi .navi {max-width:1300px; height:60px; margin:0 auto; background:rgba(34,34,34,0.8);}
#navi .navi .nd1 {float:left;}
#navi .navi .n1 {position:relative; float:left; height:60px; border-right:1px solid #6b6c6c;}
#navi .navi .n1 .a1 {display:table-cell; min-width:140px; height:60px; padding:0 20px; font-size:17px; font-weight:300; color:#fff; line-height:1.2; vertical-align:middle; cursor:pointer;}
#navi .navi .n1 .gf {display:table-cell; width:30px; text-align:center; color:#aeaeae; vertical-align:middle; cursor:pointer;}
#navi .navi .n1 .home {display:table-cell; width:71px; height:60px; text-align:center; vertical-align:middle; overflow:hidden;}
#navi .navi .nd2 {position:absolute; width:100%; top:60px; left:0; z-index:2; padding:0 230px 30px 0; display:none;}
#navi .navi .n2 {width:100%; height:60px; border-bottom:1px solid #303030; background:#262626;}
#navi .navi .n2 .a2 {position:relative; display:table-cell; width:210px; height:60px; padding:0 20px; font-size:15px; color:#fff; line-height:1.2; vertical-align:middle; word-break:keep-all;}
#navi .navi .n2 .a2:HOVER {background:#005b9a; color:#fff;}
#navi .navi .n2 .onb {background:#005b9a; color:#fff;}
#navi .navi .n2 .a2 font {display:inline-block;}
#navi .navi .n2 .a2 span {position:absolute; top:50%; right:10px; margin-top:-11px;}
#navi .navi .n2 .a2 span img {transform:rotate(-90deg);}
#navi .navi .nd3 {position:absolute; width:100%; top:0; left:205px; display:none; border-left:1px solid #6b6c6c;}
#navi .navi .n3 {width:205px; height:60px; border-bottom:1px solid #303030; background:#262626;}
#navi .navi .n3 .a3 {display:table-cell; width:185px; height:60px; padding-left:20px; font-size:15px; color:#fff; line-height:1.2; vertical-align:middle;}
#navi .navi .n3 .a3 span {float:right; padding-right:20px;}
#navi .navi .n3 .a3:HOVER {background:#6b72b5; color:#fff;}
#navi .navi .n3 .onb2 {background:#6b72b5; color:#fff;}
#navi .navi .nd4 {position:absolute; width:100%; top:0; left:205px; display:none; border-left:1px solid #6b6c6c;}
#navi .navi .n4 {width:205px; height:60px; border-bottom:1px solid #303030; background:#262626;}
#navi .navi .n4 .a4 {display:table-cell; width:185px; height:60px; padding-left:20px; font-size:15px; color:#fff; line-height:1.2; vertical-align:middle;}
#navi .navi .n4 .a4:HOVER {background:#6b72b5; color:#fff;}
#navi .navi .nd1 .on {display:block;}
#navi .font {float:right;}
#navi .font div {display:table-cell; font-size:14px; color:#4e4e4e; height:60px; line-height:60px; padding:0 17px; border-left:1px solid #6b6c6c; vertical-align:middle; cursor:pointer;}

#m_navi {display:none;}

.hidden {display:none;}

.t25 {font-size:25px; color:#222; line-height:30px; font-family:'Nanum Square';}
.t18 {font-size:18px; color:#313131; line-height:30px; font-family:'Nanum Square';}
.t18.bg {font-size:18px; font-weight:bold; padding-left:15px; background:url("/site/ko/2024/res/img/t18_bg.png") no-repeat 0 10px !important;}
.t18.bg .btn {display:inline-block; margin-top:-10px;}
.t18.bg2 {padding-left:15px; font-weight:500; background:url("/site/ko/res/img/t16_bg.png") no-repeat 1px 15px;}
.t17 {font-size:17px; color:#313131; line-height:30px; font-family:'Nanum Square';}
.t17.bg {padding-left:10px; font-weight:500; background:url("/site/ko/res/img/t17_bg.png") no-repeat 1px 7px;}
.t16.bg {padding-left:10px; font-weight:500; background:url("/site/ko/res/img/t16_bg.png") no-repeat 1px 13px;}
.t16 {font-size:16px; color:#313131; line-height:26px; font-family:'Nanum Square'}


.c1 {color:#2282e8;}
.c2 {color:#9a77d4;}
.c3 {color:#e20000;}
 
 

#sub {position:relative; padding:0 2%; min-height:700px; overflow:hidden;}
#sub .sub {max-width:1300px; margin:50px auto 80px;}

#sub .tab {margin-bottom:5px; overflow:hidden;}
#sub .tab3 {display:flex; margin-bottom:30px; background:#f2f2f2; overflow:hidden;}
#sub .tab3 a {display:flex; align-items:center; justify-content:center; width:700px; height:40px; padding:10px 10px; font-size:18px; color:#727272; line-height:24px; border-right:1px solid #fff; word-break:keep-all;}
#sub .tab3 a br {display:none;}
#sub .tab3 .on {color:#fff; background:#3068a7;}
#sub .tab4 {display:flex; margin-bottom:30px; border-bottom:1px solid #3068a7; overflow:hidden;}
#sub .tab4 a {display:flex; justify-content:center; align-items:center; width:200px; height:60px; padding:0 10px; border:1px solid #e1e1e1; box-sizing:border-box;}
#sub .tab4 a {font-size:18px; font-weight:300; color:#5c5c5c; line-height:20px; text-align:center; margin:0 -1px -1px 0; word-break:keep-all;}
#sub .tab4 .on {color:#3068a7; font-weight:400; border:1px solid #3068a7;}
#sub .tab4 .on+a {border-left:1px solid #3068a7;}
#sub .tab5 {margin:-10px 0 20px; overflow:hidden;}
#sub .tab5 a {display:inline-block; height:30px; padding:5px 30px; margin-right:20px; font-size:18px; font-weight:300; color:#8e8e8e; line-height:30px; vertical-align:middle; border:1px solid #f2f2f2; background:#f2f2f2; border-radius:50px;}
#sub .tab5 .on {color:#3068a7; font-weight:400; border:1px solid #3068a7; background:#fff;}

#sub .bbs_tab li a {display:flex; justify-content:center; align-items:center; line-height:20px;}

@media only screen and (max-width:1000px) {
	#sub .tab3 {flex-wrap:wrap; background:none;}
	#sub .tab3 a {min-width:20%; width:auto; height:auto; padding:10px 10px; margin-bottom:1px; background:#f2f2f2; box-sizing:border-box;}
	#sub .tab3.w20 a {width:20%; padding:5px 5px;}
	
}

@media only screen and (max-width:560px) {
	#sub .bbs_tab {display:flex; flex-wrap:wrap;}
	#sub .bbs_tab  li {width:33.3%; box-sizing:border-box; border-bottom:1px solid #fff;}
	#sub .tab3 a {font-size:16px; letter-spacing:-0.05em;}
	#sub .tab4 a {font-size:16px; letter-spacing:-0.05em;}
}



#sub .btn a {display:inline-block; padding:0 20px; font-size:16px; color:#fff; line-height:40px; background:linear-gradient(to right, #2282e8, #6e50dd);}
#sub .btn a.down {min-width:60px; text-align:center; padding:0 50px 0 20px; background:#4c4c4c url("/site/ko/res/img/btn_down.png") no-repeat 100% 10px;}
#sub .btn a.down {background-position-x: calc(100% - 15px);}
#sub .btn a.down:hover {background:#3068a7 url("/site/ko/res/img/btn_down.png") no-repeat 100% 10px; background-position-x: calc(100% - 15px);}
#sub .btn a + a {margin-left:10px;}
#sub .btn input[type=button] {display:inline-block; padding:0 20px; font-size:16px; color:#fff; line-height:38px; background:#3068a7; border:none; cursor:pointer;}
#sub .btn input[type=button].bg1 {background:#d0d0d0;}
#sub .btn input[type=button].bg2 {background:#555555;}
#sub .btn input[type=button].bg3 {color:#555555; border:1px solid #555555; background:none;}

.bg_box {padding:15px 30px; background:#f2f2f2;}

.text_box {display:flex; justify-content:space-between; overflow:hidden;}
.text_box .item {display:table; width:48%; border:1px solid #dfdfdf; box-sizing:border-box; overflow:hidden;}
.text_box .item2 {display:table; width:22%; border:1px solid #dfdfdf; box-sizing:border-box; overflow:hidden; word-break:keep-all;}
.text_box .bg {display:table-cell; width:80px; min-height:80px; color:#fff; text-align:center; vertical-align:middle; background:#3068a7;}
.text_box .text {display:table-cell; width:calc(100% - 90px); height:100%; padding:10px 15px; vertical-align:middle; letter-spacing:-0.05em;}
.text_box .next {padding:25px 20px; text-align:center;}
.text_box .item:nth-child(3) .bg {background:#0a97e2;}
.text_box .item2:nth-child(3) .bg {background:#4d82be;}
.text_box .item2:nth-child(5) .bg {background:#689fdd;}
.text_box .item2:nth-child(7) .bg {background:#82b2e8;}

@media only screen and (max-width:1000px) {
	.text_box {display:block;}
	.text_box .item {width:100%;}
	.text_box .item2 {width:100%;}
	.text_box .next {padding:15px 20px;}
	.text_box .next img {transform: rotate(90deg);}
}

.text_box2 {margin:10px -30px 10px -10px; overflow:hidden;}
.text_box2 .item {float:left; width:calc(50% - 62px); margin:0 30px; padding:0 30px; border:1px solid #ddd; box-sizing:border-box;}
.text_box2 .item .img span {display:table-cell; width:700px; height:80px; vertical-align:middle; text-align:center; border-bottom:1px solid #ddd;}
.text_box2 .item .text {padding:25px 0; line-height:25px; letter-spacing:-0.05em; min-height:280px;}
.text_box2 .item .text b {font-weight:500;}

@media only screen and (max-width:1000px) {
	.text_box2 .item {float:none; width:calc(100% - 62px);}
	.text_box2 .item + .item {margin:30px 30px 0;}
}

.text_box3 {display:flex; justify-content:space-between; overflow:hidden;}
.text_box3 .item {position:relative; display:table-cell; width:30%; border:1px solid #dfdfdf; overflow:hidden;}
.text_box3 .item {padding-top:55px; text-align:center; vertical-align:middle; word-break:keep-all;}
.text_box3 .item .bg {position:absolute; top:0; left:0; width:100%; font-size:18px; font-weight:500; line-height:55px; color:#fff; text-align:center; background:#3068a7;}
.text_box3 .item .text {padding:15px 15px; line-height:25px; letter-spacing:-0.05em;}
.text_box3 .next {display:table-cell; padding:15px 20px;}
.text_box3 .item:nth-child(3) .bg {background:#4d82be;}
.text_box3 .item:nth-child(5) .bg {background:#689fdd;}

@media only screen and (max-width:1000px) {
	.text_box3 {display:block;}
	.text_box3 .item {display:block; width:auto; padding-top:0;}
	.text_box3 .item .bg {position:relative; top:0; left:0; width:100%; background:#3068a7;}
	.text_box3 .next {display:block; padding:15px 20px;}
}


.bank_box {margin:0 -15px 0 5px; overflow:hidden;}
.bank_box .item {float:left; width:230px; margin:15px 15px; text-align:center; border:1px solid #dfdfdf; overflow:hidden;}
.bank_box .item .img {position:relative; width:170px; height:40px; margin:0 auto; padding:50px 0 10px; color:#989898; border-bottom:1px solid #ddd;}
.bank_box .item .img img {position:absolute; top:25%; left:50%; transform:translate(-50%, -25%);}
.bank_box .item .text {padding:20px 0; color:#313131;}



.sub_login .box {display:flex; justify-content:space-between; max-width:840px; margin:30px auto 0;}
.sub_login .item {display:inline-block; width:320px; padding:50px 0; margin:0 10px 30px; border:1px solid #ddd; vertical-align:top; text-align:center;}
.sub_login .item .img .on {display:none;}
.sub_login .item:hover .img .off {display:none;}
.sub_login .item:hover .img .on {display:inline-block;}
.sub_login .item .t16 {height:100px; line-height:25px;}
.sub_login .btn a {width:200px; height:50px; line-height:50px !important; font-size:18px !important; font-weight:500;}

.sub_login .box2 {max-width:520px; margin:30px auto 0; overflow:hidden;}
.sub_login .login_tab {overflow:hidden;}
.sub_login .login_tab a {display:table-cell; width:600px; height:40px; padding:10px 10px; font-size:18px; color:#929292; line-height:40px; text-align:center; border:1px solid #ddd; border-bottom:2px solid #3068a7;}
.sub_login .login_tab .on {color:#fff; border:1px solid #3068a7; background:#3068a7;}

.sub_login .link {margin-top:30px; font-size:18px; color:#313131; text-align:center;}
.sub_login .link a {display:inline-block; color:#313131; margin:0 40px;}

.sub_login input[type=text] {width:100%; height:48px; line-height:48px; padding-left:25px; color:#929292; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.sub_login input[type=password] {width:100%; height:48px; line-height:48px; padding-left:25px; color:#929292; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}

.sub_login .btn input[type=button] {display:block; width:100%; height:50px; line-height:50px; font-size:18px; font-weight:500; color:#fff; text-align:center; border:none; background:#313131; cursor:pointer;}


@media only screen and (max-width:800px) {
	.sub_login .box {flex-flow:wrap; justify-content:center;} 
	.sub_login .item {padding:0 0 20px;}
	.sub_login .item .img {display:none;}
	
}


.ip_logo_box {margin:30px -15px 0;}
.ip_logo_box .item {display:inline-block; width:225px; height:150px; margin:0 15px 30px; text-align:center; border:1px solid #ddd; box-sizing:border-box; vertical-align:top; cursor:pointer;}
.ip_logo_box .item .img {height:35px; padding-top:15px;}
.ip_logo_box .item .img img {height:29px;}
.ip_logo_box .item .hp {height:30px; color:#989898; margin:0 30px; border-bottom:1px solid #ddd;}

@media only screen and (max-width:1000px) {
	.ip_logo_box {margin:30px -15px 0; text-align:center;}
	.ip_logo_box .item {margin:0 15px 30px;}
}

@media only screen and (max-width:640px) {
	.ip_logo_box {margin:20px -10px 0;}
	.ip_logo_box .item {width:200px; margin:0 10px 20px;}
}


.technology {margin:30px -30px 0; overflow:hidden;}
.technology a {position:relative; float:left; display:block; width:calc(25% - 60px); margin:0 30px 20px; overflow:hidden;}
.technology a img {width:100%;}
.technology a .bg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.technology a .bg {background:rgba(0,0,0,0.5) url("/site/ko/res/img/technology_bg.png") no-repeat center center; background-position:center calc(50% + 20px);}
.technology a .bg span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; color:#fff; padding-bottom:30px;}
.technology a:hover .bg {display:block;}

@media only screen and (max-width:1000px) {
	.technology {margin:30px -15px 0; overflow:hidden;}
	.technology a {width:calc(50% - 30px); margin:0 15px 20px;}
}



.w2 {margin:0 -30px; overflow:hidden;}
.w2 .item {float:left; width:calc(50% - 60px); margin:0 30px; box-sizing:border-box;}

@media only screen and (max-width:1000px) {
	.w2 .item {float:none; width:calc(100% - 60px);}
}


.navigation {position:relative; cursor:pointer;}
.navigation .box {display:none;}
.navigation .box {position:absolute; top:0px; left:20px; width:450px; background:#f2f2f2;}
.navigation .box .top {height:5px; padding:5px 12px; line-height:5px; background:#ffa200;}
.navigation .box .top span {display:inline-block; width:5px; height:5px; margin-right:5px; vertical-align:top; border-radius:50%; background:#f2f2f2;}
.navigation .box .title {font-size:18px; color:#313131; padding:25px 0; margin:0 30px 25px; text-align:center; border-bottom:2px dashed #c1c1c1;}
.navigation .box .list {margin:0 30px; min-height:300px; padding-bottom:30px;}
.navigation .box .list .item {position:relative; display:block; padding:0 15px; margin-bottom:8px; height:50px; line-height:50px; letter-spacing:-0.05em; border:1px solid #dfdfdf; border-radius:15px; background:#fbfbfb;}
.navigation .box .list .item .bg {position:absolute; top:27px; right:-13px; width:20px; height:18px; background:url("/site/ko/res/img/navigation_bg01.png") no-repeat 0 0;}
.navigation .box .list .item:hover {color:#fff; border:1px solid #3068a7; background:#3068a7;}
.navigation .box .list .item:hover a {color:#fff;}
.navigation .box .list .item:hover .bg {background:url("/site/ko/res/img/navigation_bg02.png") no-repeat 0 0;}



.categorybar {position:relative; float:left; width:calc(33.3% - 1px); line-height:60px; font-size:18px; color:#313131; margin:0 1px 1px 0; text-align:center; background:#f2f2f2; cursor:pointer;}
.categorybar + .counsel_list {margin-left:1px;}
.categorybar.bg1.on {color:#fff; background:url("/site/ko/res/img/specialist_bg01.png") no-repeat 0 0;}
.categorybar.bg2.on {color:#fff; background:url("/site/ko/res/img/specialist_bg02.png") no-repeat 0 0;}
.categorybar.bg3.on {color:#fff; background:url("/site/ko/res/img/specialist_bg03.png") no-repeat 0 0;}
.categorybar.bg4.on {color:#fff; background:url("/site/ko/res/img/specialist_bg04.png") no-repeat 0 0;}
.categorybar.bg5.on {color:#fff; background:url("/site/ko/res/img/specialist_bg05.png") no-repeat 0 0;}
.categorybar.bg6.on {color:#fff; background:url("/site/ko/res/img/specialist_bg06.png") no-repeat 0 0;}
.categorybar.bg7.on {color:#fff; background:url("/site/ko/res/img/specialist_bg07.png") no-repeat 0 0;}

.counsel_list {display:flex; flex-wrap:wrap; margin-top:80px;}
.counsel_list li {display:block; width:22%; margin-right:4%; text-align:center; padding:30px 5px; border:5px solid #ecf3f9; border-top-left-radius:25px; border-bottom-right-radius:25px; box-sizing:border-box; overflow:hidden;}
.counsel_list li:nth-child(4n+4) {margin-right:0;}
.counsel_list li .name {font-size:20px; font-weight:500; color:#313131;}
.counsel_list li .btn1 {display:block; height:40px; line-height:40px; max-width:160px; font-size:16px; color:#fff; margin:30px auto 0; background:#767676; border-radius:20px;}
.counsel_list li .btn2 {display:block; height:40px; line-height:40px; max-width:160px; font-size:16px; color:#fff; margin:20px auto 0; background:#2282e8; border-radius:20px;}

@media only screen and (max-width:1000px) {
	.counsel_list li {width:48%; margin-right:4%;}
	.counsel_list li:nth-child(2n+2) {margin-right:0;}
}


.Tech-bridge {word-break:keep-all; overflow:hidden;}
.Tech-bridge .list {display:flex; flex-wrap:wrap;; margin:50px -25px 0; overflow:hidden;}
.Tech-bridge .list .item {width:calc(33.3% - 52px); margin:0 25px 50px; padding:40px 35px; border:1px solid #ddd; box-sizing:border-box;}
.Tech-bridge .list .item .title {font-size:18px; font-weight:500; color:#313131; line-height:30px; letter-spacing:-0.05em; height:60px; overflow:hidden;}
.Tech-bridge .list .item table {width:100%; border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
.Tech-bridge .list .item table th {width:40%; font-size:16px; font-weight:500; color:#313131; line-height:30px; letter-spacing:-0.05em; text-align:left; padding-right:10px;} 
.Tech-bridge .list .item table td {font-size:16px; color:#313131; font-weight:300; height:30px; line-height:20px; letter-spacing:-0.05em;}
.Tech-bridge .list .item table td.c1 {color:#3068a7;}
.Tech-bridge .list .item table tr:nth-child(1) th {padding-top:10px;} 
.Tech-bridge .list .item table tr:nth-child(1) td {padding-top:10px;} 

#sub .Tech-bridge .item .btn input[type=button] {width:120px; color:#3068a7; border:1px solid #3068a7; background:#fff;}
#sub .Tech-bridge .item .btn input[type=button]:hover {color:#fff; background:#3068a7;}

.Tech-bridge .select select {height:38px; line-height:38px; border:1px solid #ddd; margin-bottom:10px;}
.Tech-bridge .select .btn {display:inline-block; margin-bottom:10px; vertical-align:middle;}


.Tech-bridge .popup .table02 th {padding-left:20px;}

@media only screen and (max-width:1200px) {
	.Tech-bridge .list {margin:30px -15px 0;}
	.Tech-bridge .list .item {width:calc(50% - 52px); padding:20px 15px;}
}

@media only screen and (max-width:800px) {
	.Tech-bridge .list .item {width:calc(100% - 52px);}
}



/* 마이페이지 대화내역  */
.msg {margin:0px auto; border:1px solid #ddd;}
.msg .title {position:relative; font-size:18px; font-weight:bold; color:#3068a7; padding-left:30px; line-height:50px; border-bottom:1px solid #3068a7;}
.msg .title .icon {position:absolute; top:10px; right:30px;}
.msg .list {padding:20px 0; height:670px; overflow:auto;}
.msg .list .guide {font-size:15px; color:#959595; line-height:30px; text-align:center; background:linear-gradient(to bottom, #fff 15px, #f2f2f2 15px, #f2f2f2 16px, #fff 16px);}
.msg .list .guide span {display:block; max-width:310px; height:30px; margin:0 auto; border-radius:30px; background:#f2f2f2;}
.msg .list .chat {padding:20px 30px;}
.msg .list .text {display:inline-block; padding:5px 15px; font-size:17px; line-height:26px; border-radius:5px;}
.msg .list .box+.box {margin-top:10px;}
.msg .list .day {display:block; font-size:15px; color:#919291; margin-top:5px;}

.msg .list .me {display:flex; flex-direction:column; align-items:flex-end; margin-bottom:20px;}
.msg .list .me .box {position:relative; padding-right:18px;}
.msg .list .me .bg {position:absolute; top:0; right:0; display:block; width:25px; height:25px; background:linear-gradient(to bottom right, #3068a7 50%, #fff 50%); z-index:-1;}
.msg .list .me .text {color:#fff; background:#3068a7;}

.msg .list .you {position:relative; display:flex; flex-direction:column; align-items:flex-start; padding-left:50px; margin-bottom:20px;}
.msg .list .you .ip {position:absolute; top:0; left:0; }
.msg .list .you .ip span {display:block; width:40px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; border-radius:50%; background:#226ca7;}
.msg .list .you .box {position:relative; padding-left:18px;}
.msg .list .you .bg {position:absolute; top:0; left:0; display:block; width:25px; height:25px; background:linear-gradient(to bottom left, #f2f2f2 50%, #fff 50%); z-index:-1;}
.msg .list .you .text {color:#313131; background:#f2f2f2;}
.msg .list .you .day {text-align:right;}



.img_box2 {display:flex; flex-wrap:wrap; margin:20px -25px 20px;}
.img_box2 .img1 {margin:0 25px 20px;}

.img_box3 {display:flex; flex-wrap:wrap;}
.img_box3 .item {width:23.5%; margin-right:2%; margin-bottom:20px; padding:25px; border:1px solid #ddd; box-sizing:border-box;}
.img_box3 .item:nth-child(4) {margin-right:0;}
.img_box3 .item .img {height:115px; text-align:center; border-bottom:1px solid #ddd;}
.img_box3 .item .text {padding-top:20px; text-align:center;}

@media only screen and (max-width:800px) {
	.img_box3 .item {width:48%; margin-right:4%;}
	.img_box3 .item:nth-child(2) {margin-right:0;}
	.img_box3 .item:nth-child(4) {margin-right:0;}
}
@media only screen and (max-width:540px) {
	.img_box3 .item {width:100%; margin-right:0;}
}



.apply-list {display:flex; justify-content:space-between; align-items:flex-end; margin-top:30px;}
.apply-list table {border-collapse:collapse; border:1px solid #ddd; margin-bottom:5px;}
.apply-list table th {width:150px; padding:10px 20px; font-weight:500; color:#313131; text-align:left; border-bottom:1px solid #ddd; background:#edf4fb;}
.apply-list table td {width:200px; padding:10px 20px; font-weight:300; color:#313131; border-bottom:1px solid #ddd;}
.apply-list input[type=text] {width:180px; height:38px; line-height:38px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.apply-list .datepicker {background:url("/site/ko/res/img/date.png") no-repeat 95% center;}
.apply-list .search b {display:inline-block; padding:0 10px; font-weight:500; vertical-align:middle;}
.apply-list .search > span {display:inline-block; padding-left:10px; vertical-align:middle; margin-bottom:5px;}

@media only screen and (max-width:1000px) {
	.apply-list {display:block;}
	.apply-list .search {margin-top:20px; text-align:right;}
}


.apply-view .box {display:flex; justify-content:center; margin:50px 0;}
.apply-view .box .bg {margin:20px 25px;}
.apply-view .box .item {display:flex; justify-content:center; align-items:center; width:300px; height:70px; font-size:18px; font-weight:500; color:#999; border:3px solid #d2d2d2; border-radius:35px;}
.apply-view .box .item.on {color:#3068a7; border:3px solid #3068a7;}

.apply-view .text {text-align:center; padding:60px 30px; border:1px solid #ddd; }
.apply-view label {display:inline-block; margin:0 10px; cursor:pointer; vertical-align:middle;}
.apply-view label input[type=radio] {display:none;}
.apply-view label input[type=radio] + span {display:inline-block; width:15px; height:15px; background:url("/site/ko/res/img/radio_off.png") no-repeat 0 0; margin:0 0 4px 10px; vertical-align:middle;}
.apply-view label input[type=radio]:checked + span {background:url("/site/ko/res/img/radio_on.png") no-repeat 0 0;}


.list_video {display:flex; flex-wrap:wrap;}
.list_video .item {position:relative; display:inline-block; width:23.2%; margin:0 2% 40px 0; cursor:pointer;}
.list_video .item:nth-child(4n+4) {margin:0 0 40px;}
.list_video .item .img img {width:100%;}
.list_video .item .bg {position:absolute; top:0; left:0; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none;}
.list_video .item .bg {font-size:18px; color:#fff;}
.list_video .item .bg img {margin-bottom:3px;}
.list_video .item:hover .bg {display:flex;}

@media only screen and (max-width:1000px) {
	.list_video .item {width:49%; margin:0 2% 40px 0;}
	.list_video .item:nth-child(2n+2) {margin:0 0 40px;}

}


.menual {border-top:1px solid #ddd; overflow:hidden;}
.menual .title {position:relative; height:60px; font-size:18px; color:#313131; line-height:58px; text-align:center; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; cursor:pointer;}
.menual .title .btn {position:absolute; top:0; right:0; width:60px; height:60px; background:url("/site/ko/res/img/menual_title_bg.png") no-repeat 0 center;}
.menual .title .btn {position:absolute; top:0; right:0; width:60px; height:60px; background:url("/site/ko/res/img/menual_title_bg.png") no-repeat 0 center;}
.menual .menual_img {padding:70px 5%; text-align:center; background:#f2f2f2; max-height:800px; overflow:auto; display:none;}
.menual .menual_img img {width:100%;}
.menual .title.on {color:#fff; background:#3068a7;}
.menual .title.on .btn {background:url("/site/ko/res/img/menual_title_bg2.png") no-repeat 0 center;}
.menual .title.on + .menual_img {display:block; margin-bottom:30px;}
.menual .title.on + .menual_img + .title {border-top:1px solid #ddd;}


.contract_box {display:flex; margin-top:20px; overflow:hidden;}
.contract_box .box0 {display:flex; align-items:center; justify-content:center; width:50px; margin-bottom:20px;}
.contract_box .box1 {width:400px; padding:20px 20px 30px; background:#fbf6ef; margin-bottom:20px; box-sizing:border-box;}
.contract_box .box2 {width:620px; padding:20px 20px 30px; background:#f0f4f8; margin-bottom:20px; box-sizing:border-box;}
.contract_box .box3 {width:190px; padding:20px 20px 30px; background:#fbf2f2; margin-bottom:20px; box-sizing:border-box;}
.contract_box .box {display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.contract_box .box .item {display:flex; flex-direction:column; align-items:center; width:160px; min-height:160px; padding:15px 10px 15px; margin-bottom:10px; background:#fff; box-sizing:border-box;}
.contract_box .box .item .t1 {font-size:16px; color:#c3c3c3; font-family:'TmonMonsori';}
.contract_box .box .item .t2 {font-size:18px; width:110px; text-align:center; padding:10px 0 15px; margin-bottom:17px; border-bottom:1px solid #ddd;}
.contract_box .box .item .t3 {font-size:18px; color:#fff; font-family:'TmonMonsori'; width:90px; line-height:40px; text-align:center; border-radius:5px;}
.contract_box .box .item .t3.bg1 {background:#87599d;}
.contract_box .box .item .t3.bg2 {background:#3068a7;}
.contract_box .box .item .t3.bg3 {background:#616161;}

.contract_text .bg1 {display:inline-block; width:70px; line-height:30px; text-align:center; color:#fff; background:#87599d; border-radius:5px; margin-right:10px;}
.contract_text .t16 .bg2 {display:inline-block; width:70px; line-height:30px; text-align:center; color:#fff; background:#3068a7; border-radius:5px; margin-right:10px;}
.contract_text .t16 .bg3 {display:inline-block; width:70px; line-height:30px; text-align:center; color:#fff; background:#616161; border-radius:5px; margin-right:10px;}

@media only screen and (max-width:1300px) {
	.contract_box {flex-wrap:wrap;}
}
@media only screen and (max-width:700px) {
	.contract_box .box {flex-wrap:wrap;}
}


.pop {display:none;}
.pop {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;}
.pop .popup {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:96%; max-height:90%; max-width:830px; padding:30px; border:3px solid #2c5b8e; box-sizing:border-box; background:#fff; overflow:auto;}
.pop .popup .close {position:absolute; top:20px; right:20px;}

.pop .popup .ip_box {display:flex; margin-top:20px; overflow:hidden;}
.pop .popup .ip_box .img {position:relative; margin-right:25px; width:25%; border:1px solid #ddd; text-align:center; overflow:hidden;}
.pop .popup .ip_box .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.pop .popup .ip_box .img+div {width:75%;}

.pop .popup input[type=text] {height:50px; line-height:48px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.pop .popup input[type=password] {height:50px; line-height:48px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.pop .popup textarea {width:100%; height:38px; line-height:24px; padding:10px; border:1px solid #ddd; box-sizing:border-box;}
.pop .popup .btn input[type=button] {display:inline-block; padding:0 20px; font-size:18px; color:#fff; height:48px; line-height:48px; background:#3068a7; border:none; cursor:pointer;}
.pop .popup .btn input[type=button].bg1 {color:#313131 !important; background:#e8e8e8 !important;}
.pop .popup .btn input[type=button].bg2 {background:#555 !important;}


.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:10px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:15px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:20px;} 





.table01 {width:100%; border-top:1px solid #3068a7; border-collapse:collapse;} 
.table01 th {padding:10px 5px; height:30px; font-size:16px; color:#fff; line-height:25px; border-bottom:1px solid #4d80b9; background:#3068a7;}
.table01 td {padding:10px 15px; height:30px; font-size:16px; color:#313131; line-height:25px; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.table01 td+td {border-left:1px solid #cbcbcb;}
.table01 th:last-child {border-right:none;}
.table01 td:last-child {border-right:none;}

.table02 {width:100%; border-top:2px solid #3068a7; border-collapse:collapse;} 
.table02 th {padding:10px 5px; height:30px; font-size:16px; color:#313131; line-height:25px; border-bottom:1px solid #ddd; background:#f2f2f2;}
.table02 td {padding:10px 15px; height:30px; font-size:16px; color:#313131; line-height:25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table02 td+td {border-left:1px solid #ddd;}
.table02 th:last-child {border-right:none;}
.table02 td:last-child {border-right:none;}

.table03 {width:100%; border-top:2px solid #3068a7; border-collapse:collapse;} 
.table03 th {padding:10px 5px; height:30px; font-size:16px; color:#313131; line-height:25px; border-bottom:1px solid #ddd; background:#f2f2f2;}
.table03 td {padding:10px 15px; height:30px; font-size:16px; color:#313131; line-height:25px; border-bottom:1px solid #ddd;}

table caption { display:none;}

.table02 select {height:38px; line-height:38px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.table02 input[type=text] {height:38px; line-height:38px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.table02 input[type=date] {height:38px; line-height:38px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box;}
.table02 textarea {width:100%; height:38px; line-height:24px; padding:10px; border:1px solid #ddd; box-sizing:border-box;}
.table02 .file .text {display:inline-block; height:38px; line-height:38px; padding-left:10px; border:1px solid #ddd; box-sizing:border-box; font-size:14px; color:#b9b9b9; letter-spacing:-0.05em; vertical-align:middle;}
.table02 .file .btn {display:inline-block; padding:0 20px; font-size:16px; color:#fff; line-height:38px; background:#3068a7; vertical-align:middle; cursor:pointer;}
.table02 #file {width:0; height:0; overflow:hidden;} 

.table02 input::placeholder {font-size:14px; color:#b9b9b9; letter-spacing:-0.05em;}
.table02 input:-ms-input-placeholder {font-size:14px; color:#b9b9b9; letter-spacing:-0.05em;}


.table02 label input[type=checkbox] {display:none;}
.table02 label input[type=checkbox] + span {display:inline-block; width:15px; height:15px; background:url("/site/ko/res/img/checkbox_off.png") no-repeat 0 0; margin:0 0 4px 10px; vertical-align:middle;}
.table02 label input[type=checkbox]:checked + span {background:url("/site/ko/res/img/checkbox_on.png") no-repeat 0 0;}
.table02 label input[type=radio] {display:none;}
.table02 label input[type=radio] + span {display:inline-block; width:15px; height:15px; background:url("/site/ko/res/img/radio_off.png") no-repeat 0 0; margin:0 0 3px 10px; vertical-align:middle;}
.table02 label input[type=radio]:checked + span {background:url("/site/ko/res/img/radio_on.png") no-repeat 0 0;}
.table02 .datepicker {background:url("/site/ko/res/img/date.png") no-repeat 95% center;}


@media only screen and (max-width:1000px) {
	#navi {display:none;}
	#m_navi {display:block;}
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:640px) {
	.bbs-list .paging a {width:20px; border:none;}
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}