@charset "utf-8";

.a{
	transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 접수 시 수집항목 팝업
	연관단어 : content_pop

////////////////////////////////////////////////////////////////////////////// */
.content_pop{
	opacity:0; display:none; position:fixed; left:-200%; top:50%; z-index:0; width:812px; height:742px; padding:75px 30px 30px 30px; margin:-371px 0 0 -406px; background:url(../../images/kor/content/content_pop_bg.gif) repeat; box-sizing:border-box;
	transition:opacity 0.3s ease;
	-webkit-transition:opacity 0.3s ease;
}
.content_pop .head{position:absolute; left:30px; top:30px; height:45px; line-height:25px; font-size:24px; color:#0e0e0e;}
.content_pop .btn_close{overflow:hidden; display:block; position:absolute; right:30px; top:30px; width:25px; height:25px; text-indent:-1000px;}
.content_pop .btn_close:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;  background:url(../../images/kor/content/content_pop_close.png) no-repeat center center; background-size:100% auto;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.content_pop .btn_close:hover:before{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.content_pop .midd{overflow-y:auto; width:100%; height:100%; padding:20px 30px; background-color:#fff; box-sizing:border-box;}
.content_pop .midd .table{width:100%;}
.content_pop .midd .table tr th,
.content_pop .midd .table tr td{padding:10px 20px;}
.content_pop .midd .table tr td select,
.content_pop .midd .table tr td input[type="file"]{height:36px;}
.content_pop .tis{display:block; position:relative; padding-left:17px; margin-top:25px; font-weight:500; font-size:18px; color:#222;}
.content_pop .tis:before{content:""; position:absolute; left:0; top:7px; width:12px; height:12px; background:url(../../images/kor/content/content_pop_bul.png) no-repeat center center;}
.content_pop .btn_group{margin:30px 0px 10px 0px; text-align:center;}
.content_pop .btn_group .btn{width:134px;}

#sub.user[class*="popup_"] .content_pop{display:block;}
#sub.user.popup_online #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_online .content_pop#popup_online{opacity:1; left:50%; z-index:4000;}
@media screen and (max-width: 700px){
	.content_pop .tis:before{top:3px;}
}
@media screen and (max-width: 810px){
	.content_pop{top:5% !important; width:90% !important; max-width:100% !important; height:90% !important; margin:0 !important; padding-top:75px;}
	.content_pop .head{position:absolute; left:30px; top:30px;}
	.content_pop .midd{height:100%;}
	.content_pop .midd .table tr th,
	.content_pop .midd .table tr td{padding:5px 10px;}
	.content_pop .midd .table tr td select{max-width:100% !important;}
	.content_pop .midd .table tr td input[type="file"]{width:100% !important;}
	.content_pop .btn_group .btn{width:25%;}
	#sub.user[class*="popup_"] .content_pop{left:5% !important;}
	.content_pop#popup_name .memobox{height:auto !important;}
	.content_pop#popup_name .midd{overflow-y:auto !important;}
}
@media screen and (max-width: 500px){
	.content_pop .head{font-size:20px;}
	.content_pop .midd{padding:15px;}
	.content_pop .midd .table,
	.content_pop .midd .table tbody,
	.content_pop .midd .table tr,
	.content_pop .midd .table tr th,
	.content_pop .midd .table tr td{display:block;}
	.content_pop .midd .table tr th,
	.content_pop .midd .table tr td{border-left:none !important; border-right:none !important;}
	.content_pop .midd .table tr td{padding:10px 0px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 채용정보
	연관단어 : dosic

////////////////////////////////////////////////////////////////////////////// */
#dosic{margin-bottom:30px;}
#dosic ul{padding-top:34px;}
#dosic ul li{position:relative; min-height:74px; padding-left:115px;}
#dosic ul li:not(:nth-child(1)){margin-top:5px;}
#dosic ul li .head{
	display:table; position:absolute; left:0; top:0; width:115px; height:74px; border:1px solid #eaeaea; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li .head span{
	display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-weight:500; font-size:15px; color:#0e0e0e;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li .midd{}
#dosic ul li .midd ul{padding-top:0;}
#dosic ul li .midd ul:after{content:""; display:block; clear:both;}
#dosic ul li .midd ul li{
	float:left; width:50%; min-height:1px; padding-left:0; margin:0 !important;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li .midd ul li strong{
	position:absolute; left:0; top:-34px; width:100%; height:34px; line-height:34px; text-align:center; font-size:17px; color:#0e0e0e;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li:not(:nth-child(1)) .midd ul li strong{display:none;}

#dosic ul li .midd ul li ol{
	width:327px; margin:17px auto 0 auto;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li .midd ul li ol li{float:none; display:inline-block; width:auto; vertical-align:top;}
#dosic ul li .midd ul li ol li span{
	display:block; width:84px; height:39px; line-height:39px; text-align:center; font-size:15px; color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#dosic ul li .midd ul li ol li span.color_01{background-color:#2c68c0;}
#dosic ul li .midd ul li ol li span.color_02{background-color:#3f434e;}
#dosic ul li .midd ul li ol li span.color_03{background-color:#754c24;}
#dosic ul li .midd ul li ol li span.color_04{background-color:#835e22;}
#dosic ul li .midd ul li ol li:not(:nth-child(1)){padding-left:34px;}
#dosic ul li .midd ul li ol li:not(:nth-child(1)):before{
	content:""; display:black; position:absolute; left:10px; top:50%; width:14px; height:9px; margin-top:-4px; background-image:url(../../images/kor/content/dosic_bul.png); background-position:center center; background-repeat:no-repeat; background-size:100% auto;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
@media screen and (min-width: 1024px) and (max-width: 1200px), screen and (min-width: 650px) and (max-width: 850px){
	#dosic ul{padding-top:30px;}
	#dosic ul li{padding-left:90px;}
	#dosic ul li .head{width:90px; height:65px;}
	#dosic ul li .midd ul li strong{top:-30px; height:30px; line-height:30px; font-size:15px;}
	#dosic ul li .midd ul li ol{width:235px;}
	#dosic ul li .midd ul li ol li span{width:60px; height:30px; line-height:30px; font-size:12px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)){padding-left:24px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)):before{left:5px; width:10px;}
}
@media screen and (max-width: 650px){
	#dosic ul{padding-top:0;}
	#dosic ul li{padding-left:0;}
	#dosic ul li .head{display:block; position:relative; width:100%; height:auto; padding:15px 20px; background-color:#f3f4f6;}
	#dosic ul li .midd{padding:0px 0px 50px 0px;}
	#dosic ul li .midd ul li{float:none; width:100%; padding:10px 0px 10px 90px; box-sizing:border-box;}
	#dosic ul li .midd ul li{border:1px solid #eaeaea; border-top:none;}
	#dosic ul li .midd ul li strong{left:0; top:0; width:80px; height:60px; line-height:60px; padding-left:20px; text-align:left; font-size:14px; box-sizing:border-box;}
	#dosic ul li .midd ul li ol{width:100%; margin:0;}
	#dosic ul li .midd ul li ol li{padding:0; border:none !important;}
	#dosic ul li .midd ul li ol li:nth-child(1){padding-left:0;}

	#dosic ul li:not(:nth-child(1)) .midd ul li strong{display:block;}
}
@media screen and (max-width: 500px){
	#dosic ul li .midd ul li strong{height:50px; line-height:50px;}
	#dosic ul li .midd ul li ol li span{width:60px; height:30px; line-height:30px; font-size:12px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)){padding-left:24px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)):before{left:5px; width:10px;}
}
@media screen and (max-width: 400px){
	#dosic ul li .midd ul li{padding-left:70px;}
	#dosic ul li .midd ul li strong{width:60px; height:44px; line-height:44px; font-size:12px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)){padding-left:16px;}
	#dosic ul li .midd ul li ol li:not(:nth-child(1)):before{left:4px; width:8px;}
	#dosic ul li .midd ul li ol li span{width:55px; height:24px; line-height:24px; font-size:10px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 개인정보 수집 및 이용에 대한 안내
	연관단어 : anne

////////////////////////////////////////////////////////////////////////////// */
#anne,
#anne_02{padding:30px; border:1px solid #eaeaea; background-color:#f9f9f9;}
#anne .head,
#anne_02 .head{margin-bottom:20px;}
#anne .head strong,
#anne_02 .head strong{display:block; line-height:21px; font-weight:500; font-size:20px; color:#0e0e0e;}
#anne .head strong:before,
#anne_02 .head strong:before{content:""; display:inline-block; width:11px; height:11px; margin:5px 5px 0 0; vertical-align:top; background-color:#2c68c0;}
#anne .midd,
#anne_02 .midd{overflow-y:auto; height:220px; padding:25px; border:1px solid #ededed; background-color:#fff; box-sizing:border-box;}
#anne .foot,
#anne_02 .foot{margin-top:10px;}
#anne .foot input[type="checkbox"],
#anne .foot label,
#anne_02 .foot input[type="checkbox"],
#anne_02 .foot label{vertical-align:middle;}
@media screen and (max-width: 600px){
	#anne,
	#anne_02{padding:20px;}
	#anne .head,
	#anne_02 .head{margin-bottom:10px;}
	#anne .head strong,
	#anne_02 .head strong{font-size:16px;}
	#anne .midd,
	#anne_02 .midd{padding:15px;}
}


.lisbox{margin-bottom:15px;}
.lisbox ol{text-align:center;}
.lisbox ol li{display:inline-block; position:relative;}
.lisbox ol li:not(:nth-child(1)){padding-left:54px;}
.lisbox ol li:not(:nth-child(1)):before{content:""; position:absolute; left:20px; top:50%; width:14px; height:8px; margin-top:-4px; background:url(../../images/kor/content/lisbox_bul.png) no-repeat center center;}
.lisbox ol li span{display:block; width:134px; height:38px; line-height:36px; text-align:center; font-size:15px; box-sizing:border-box;}
.lisbox ol li:nth-child(1) span{border:1px solid #2c68c0; color:#fff; background-color:#2c68c0;}
.lisbox ol li:nth-child(2) span{border:1px solid #ddd; color:#0e0e0e; background-color:#fff;}
.lisbox ol li:nth-child(3) span{border:1px solid #3f434e; color:#fff; background-color:#3f434e;}
@media screen and (max-width: 600px){
	.lisbox ol li span{width:90px; height:30px; line-height:28px; font-size:12px;}
	.lisbox ol li:not(:nth-child(1)){padding-left:34px;}
	.lisbox ol li:not(:nth-child(1)):before{left:10px;}
}
@media screen and (max-width: 400px){
	.lisbox ol li span{width:70px; height:28px; line-height:26px; font-size:11px;}
	.lisbox ol li:not(:nth-child(1)){padding-left:24px;}
	.lisbox ol li:not(:nth-child(1)):before{left:5px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 설문조사
	연관단어 : survey

////////////////////////////////////////////////////////////////////////////// */
#survey{margin:40px 0px;}
#survey>ol{counter-reset:section;}
#survey>ol>li:not(:nth-child(1)){padding-top:30px; border-top:1px dashed #dedede;}
#survey>ol>li>.head{position:relative; display:block; padding-left:25px; font-weight:500; font-size:15px;}
#survey>ol>li>.head:before{
	counter-increment:section; color:#af894e;
	content:"[ 설문"counter(section)" ] ";
}
#survey>ol>li>.head:after{content:"Q"; display:block; position:absolute; left:0; top:0; font-weight:600; font-size:20px; color:#2c68c0;}
#survey>ol>li .midd{margin-top:5px;}
#survey>ol>li ul{padding-left:25px;}
#survey>ol>li:not(:last-child) ul{margin-bottom:30px;}

.survey_databox{padding:10px 10px 0 0;}
.survey_databox .con{position:relative;}
.survey_databox .con:before,
.survey_databox .con:after{content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff;}
.survey_databox .con:before{right:-5px; top:-5px; z-index:1;}
.survey_databox .con:after{right:-10px; top:-10px; z-index:0;}
.survey_databox .con .bx{position:relative; z-index:10; padding:50px; border:1px solid #eaeaea; background-color:#fff;}
.survey_databox .con .bx .head{margin-bottom:40px; font-size:18px; color:#0e0e0e;}
.survey_databox .con .bx .head strong{display:block; line-height:24px; text-align:center;}
.survey_databox .con .bx ul{max-width:505px; margin:0 auto;}
.survey_databox .con .bx ul li{position:relative; padding-left:107px;}
.survey_databox .con .bx ul li:not(:nth-child(1)){margin-top:18px;}
.survey_databox .con .bx ul li strong{display:block; position:absolute; left:0; top:0; width:107px; line-height:40px; font-weight:500; font-size:14px; color:#545454;}
.survey_databox .con .bx ul li input[type="text"]{height:40px; line-height:38px;}
.survey_btn{margin-top:40px; text-align:center;}
.survey_btn .btn{width:134px; height:42px; line-height:40px;}
@media screen and (max-width: 650px){
	.survey_databox .con .bx{padding:30px;}
	.survey_databox .con .bx .head{font-size:14px;}
	.survey_databox .con .bx .head strong{line-height:18px; text-align:left;}
	.survey_databox .con .bx ul{max-width:100%;}
	.survey_databox .con .bx ul li{padding-left:90px;}
	.survey_databox .con .bx ul li strong{width:90px; line-height:32px; font-size:12px;}
	.survey_databox .con .bx ul li input[type="text"]{height:34px; line-height:32px;}
	.survey_databox .con .bx ul li:nth-child(1) input[type="text"]{width:80% !important;}
	.survey_databox .con .bx ul li:nth-child(2) input[type="text"]{width:30% !important;}
	.survey_btn{margin-top:25px;}
}
@media screen and (max-width: 500px){
	#survey>ol>li:not(:nth-child(1)){padding-top:15px;}
	#survey>ol>li:not(:last-child) ul{margin-bottom:15px;}
	#survey>ol>li>.head{line-height:20px; font-size:14px;}
	#survey>ol>li>.head:after{font-size:16px;}
	#survey>ol>li>.head,
	#survey>ol>li ul{padding-left:20px;}
}
@media screen and (max-width: 400px){
	.survey_databox .con .bx .head{margin-bottom:15px;}
	.survey_databox .con .bx ul li{padding-left:0;}
	.survey_databox .con .bx ul li strong{position:relative; left:auto; top:auto;}
	.survey_btn .btn{width:115px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 조직구성
	연관단어 : group

////////////////////////////////////////////////////////////////////////////// */
.group_img{overflow:hidden; position:relative; margin-bottom:20px; text-align:center;}
.group_img:before{content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#fff;}
.group_img img{position:relative; z-index:10; max-width:100%;}
.group_img .hidden_text{overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; text-align:left;}
.group_img .hidden_text>strong{font-size:20px;}
.group_img .hidden_text ul{margin:0px 0px 0px 15px;}
.group_img .hidden_text ul li{line-height:26px; font-size:16px;}
.group_img .hidden_text ul li:before{content:"┗";}
.group_img .hidden_text ul li ul li{line-height:20px; font-size:14px;}
.group_img .hidden_text ul li ul li ul li{line-height:18px; font-size:12px;}

.group_search{position:relative; min-height:40px; padding:20px 111px 20px 390px; margin-bottom:30px; border:1px solid #ddd; background-color:#f3f4f6;}
.group_search .tis{display:block; position:absolute; left:20px; top:20px; width:72px; line-height:40px; font-weight:normal; font-size:14px; color:#545454;}
.group_search .select form .selectbox:nth-child(1){position:absolute; left:92px; top:20px; width:157px;}
.group_search .select form .selectbox:nth-child(2){position:absolute; left:255px; top:20px; width:130px;}
.group_search .select form input[type="text"]{width:100%; height:40px; line-height:38px;}
.group_search .select form input[type="submit"],
.group_search .select form a.submit{
	position:absolute; right:20px; top:20px; width:85px; height:40px; line-height:38px; text-align:center; text-decoration:none; font-size:15px; color:#fff; background-color:#5d6373;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.group_search .select form input[type="submit"]:hover,
.group_search .select form a.submit:hover{background-color:#323641;}


.board.notice.list.grouplist ul li.thead strong:nth-child(1){width:100px;}
.board.notice.list.grouplist ul li.thead strong:nth-child(2){width:180px;}
.board.notice.list.grouplist ul li.thead strong:nth-child(3){width:100px;}
.board.notice.list.grouplist ul li.thead strong:nth-child(4){width:auto;}
.board.notice.list.grouplist ul li.thead strong:nth-child(5){width:50px;}
.board.notice.list.grouplist ul li.thead strong:nth-child(6){width:120px;}
.board.notice.list.grouplist ul li a{display:inline-block;}
.board.notice.list.grouplist ul li a.namebox{}
.board.notice.list.grouplist ul li a.namebox:after{content:""; display:inline-block; width:14px; height:12px; margin-left:5px; background:url(../../images/kor/content/group_icon_01.png) no-repeat center center;}
.board.notice.list.grouplist ul li a.mailbox{overflow:hidden; width:23px; height:23px; text-indent:-1000px; vertical-align:middle; border:1px solid #d0d0d0; background:#fff url(../../images/kor/content/group_icon_02.png) no-repeat center center; box-sizing:border-box;}
.board.notice.list.grouplist ul li:not(.thead) p:nth-child(4){text-align:left;}

.content_pop#popup_name{height:600px; margin-top:-300px;}
.content_pop#popup_name .midd{overflow-y:visible; position:relative; min-height:231px; padding:30px; overflow-y:auto}
.content_pop#popup_name .namebox{position:relative; width:100%; padding:0px 25px 20px 160px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.content_pop#popup_name .namebox:before{content:""; display:block; position:absolute; left:0; top:5px; width:107px; height:107px; background:url(../../images/kor/content/popup_name_icon.png) no-repeat center center;}
.content_pop#popup_name .namebox ul li{line-height:24px; font-size:14px; color:#545454;}
.content_pop#popup_name .namebox ul li:nth-child(1){line-height:29px; margin-bottom:15px; font-weight:600; font-size:28px; color:#0e0e0e;}
.content_pop#popup_name .namebox ul li:nth-child(1) span{font-weight:normal; font-size:18px;}
.content_pop#popup_name .namebox ul li:not(:nth-child(1)){position:relative; line-height:25px; padding-left:85px; font-size:15px; color:#2d2d2d;}
.content_pop#popup_name .namebox ul li:not(:nth-child(1)) em{position:absolute; left:0; top:0; color:#2e69c0;}
.content_pop#popup_name .memobox{height:270px; margin-top:20px;}
.content_pop#popup_name .memobox h5:first-child{margin-top:0;}
.content_pop#popup_name .memobox h6{margin-top:15px;}
.content_pop#popup_name .mCSB_scrollTools{opacity:1 !important;}
.content_pop#popup_name .mCSB_draggerRail{width:4px !important; background-color:#dedede;}
.content_pop#popup_name .mCSB_dragger_bar{background-color:#757575;}
.content_pop#popup_name .memobox .bx{position:relative; min-height:48px; line-height:24px; padding-left:135px; font-size:15px; color:#545454;}
.content_pop#popup_name .memobox .bx h5{position:absolute; left:0; top:0; line-height:16px; font-size:15px; color:#0e0e0e;}
@media screen and (max-width: 550px){
	.content_pop#popup_name .namebox{padding:0px 0px 20px 0px;}
	.content_pop#popup_name .namebox:before{display:none;}
	.content_pop#popup_name .memobox .bx{padding-left:0;}
	.content_pop#popup_name .memobox .bx h5{position:relative;}
	.content_pop#popup_name .memobox .bx:not(:nth-child(1)){margin-top:20px;}
}

#sub.user.popup_name #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_name .content_pop#popup_name{opacity:1; left:50%; z-index:4000;}


.content_pop#popup_email{width:500px; height:355px; margin:-177px 0 0 -250px;}
.content_pop#popup_email .midd{position:relative; padding:30px;}
.content_pop#popup_email .email_checkbox{position:relative; z-index:10; background-color:#fff;}
.content_pop#popup_email .email_checkbox p{line-height:16px; margin:0 0 15px 0; font-size:15px; color:#545454;}
.content_pop#popup_email .email_checkbox .num_input{position:relative; height:85px; padding-right:160px; margin-bottom:30px;}
.content_pop#popup_email .email_checkbox .num_input .in{width:100%; height:100%; line-height:85px; text-align:center; font-weight:500; font-size:24px; background-color:#e1e1e1;}
.content_pop#popup_email .email_checkbox .num_input a{
	display:block; position:absolute; right:0; top:0; width:140px; height:85px; line-height:83px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #2c68c0; color:#fff; background-color:#2c68c0; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.content_pop#popup_email .email_checkbox .num_input a:hover{color:#2c68c0; background-color:#fff;}
.content_pop#popup_email .email_checkbox .submits{position:relative; padding-right:94px;}
.content_pop#popup_email .email_checkbox .submits input[type="text"]{width:100%; height:42px; line-height:40px; padding:0 15px; border:1px solid #d1d1d1; box-sizing:border-box;}
.content_pop#popup_email .email_checkbox .submits a{
	display:block; position:absolute; right:0; top:0; width:84px; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #394047; color:#fff; background-color:#394047; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.content_pop#popup_email .email_checkbox .submits a:hover{color:#394047; background-color:#fff;}

.content_pop#popup_email .email_view{opacity:0; display:table; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#fff;}
.content_pop#popup_email .email_view .bx{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.content_pop#popup_email .email_view .bx strong{display:block; margin-top:22px; text-align:center; font-weight:300; font-size:22px; color:#2c68c0;}

#sub.user.popup_email #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_email .content_pop#popup_email{opacity:1; left:50%; z-index:4000;}
.content_pop#popup_email .email_view.on{opacity:1; z-index:100;}


.content_pop#popup_group .midd{position:relative; min-height:231px; padding:30px;}

#sub.user.popup_group #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_group .content_pop#popup_group{opacity:1; left:50%; z-index:4000;}


@media screen and (max-width: 800px){
	.board.notice.list.grouplist ul li:not(.thead){padding:15px 80px 15px 0px;}
	.board.notice.list.grouplist ul li:not(.thead) p{}
	.board.notice.list.grouplist ul li:not(.thead) p{display:block; padding:5px 10px; text-align:left;}
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(1){font-weight:500; font-size:18px; color:#0e0e0e;}
	/*.board.notice.list.grouplist ul li:not(.thead) p:nth-child(1):before{content:""; display:inline-block; width:11px; height:11px; margin:6px 5px 0 0; vertical-align:top; background-color:#2c68c0;}*/
	/*
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2),
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3){display:inline-block; padding-right:0;}
	*/
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(5){position:absolute; right:10px; top:50%; margin-top:-22px;}
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2),
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3),
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(6){padding:2px 10px;}
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(2):before,
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(3):before,
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(6):before{content:"- ";}
	.board.notice.list.grouplist ul li:not(.thead) p:nth-child(4){display:none;}
	.board.notice.list.grouplist ul li a.mailbox{width:50px; height:45px; background-size:45% auto;}
}
@media screen and (max-width: 700px){
	.group_search{padding-left:333px;}
	.group_search .select form .selectbox:nth-child(1){left:92px; width:130px;}
	.group_search .select form .selectbox:nth-child(2){left:228px; width:100px;}

	.content_pop#popup_name .midd{padding:20px;}
	.content_pop#popup_name .namebox{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:30px;}
}
@media screen and (max-width: 600px){
	.group_search{padding:20px;}
	.group_search .tis{display:block; position:relative; left:auto; top:auto; font-weight:500; line-height:40px; margin-bottom:10px;}
	.group_search .select form .selectbox:nth-child(1),
	.group_search .select form .selectbox:nth-child(2){display:block; position:relative; left:auto; top:auto; width:100%; margin-bottom:4px;}
	.group_search .select form input[type="submit"]{display:block; position:relative; right:auto; top:auto; width:100%; margin-top:4px;}

	#sub.user.popup_email .content_pop#popup_email{left:5%; width:90%; margin:0;}
}
@media screen and (max-width: 500px){
	.content_pop#popup_email{height:320px;}
	.content_pop#popup_email .email_checkbox .num_input{height:70px; padding-right:120px; margin-bottom:20px;}
	.content_pop#popup_email .email_checkbox .num_input .in{line-height:70px;}
	.content_pop#popup_email .email_checkbox .num_input a{width:110px; height:70px; line-height:68px;}
	.content_pop#popup_email .email_checkbox .submits{padding-right:80px;}
	.content_pop#popup_email .email_checkbox .submits a{width:70px;}
	.content_pop#popup_email .email_view .bx strong{margin-top:10px; font-size:16px;}

	.content_pop#popup_group .midd .table thead{display:none;}
	.content_pop#popup_group .midd .table tbody tr{padding:10px;}
	.content_pop#popup_group .midd .table tbody tr:not(:nth-child(1)){border-top:1px solid #ddd;}
	.content_pop#popup_group .midd .table tbody tr td{padding:0; border:none; text-align:left !important;}
	.content_pop#popup_group .midd .table tbody tr td:nth-child(1):before{content:"ㆍ이름 : ";}
	.content_pop#popup_group .midd .table tbody tr td:nth-child(2):before{content:"ㆍ부서/팀 : ";}
	.content_pop#popup_group .midd .table tbody tr td:nth-child(3):before{content:"ㆍ직급 : ";}
}
@media screen and (max-width: 400px){
	.content_pop#popup_email{height:310px;}
	.content_pop#popup_email .midd{padding:20px;}
	.content_pop#popup_email .email_checkbox .num_input{padding-right:100px;}
	.content_pop#popup_email .email_checkbox .num_input a{width:90px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 로그인
	연관단어 : logins

////////////////////////////////////////////////////////////////////////////// */
.logins_box{padding:10px 10px 30px 0;}
.logins_box .con{position:relative;}
.logins_box .con:before,
.logins_box .con:after{content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff;}
.logins_box .con:before{right:-5px; top:-5px; z-index:1;}
.logins_box .con:after{right:-10px; top:-10px; z-index:0;}
.logins_box .con .bx{position:relative; z-index:10; padding:50px; border:1px solid #eaeaea; background-color:#fff;}
.logins_box .con .bx .head{margin-bottom:45px;}
.logins_box .con .bx .head span,
.logins_box .con .bx .head strong{display:block; line-height:28px; text-align:center; font-size:22px; color:#0e0e0e;}
.logins_box .con .bx .head span{}
.logins_box .con .bx .head strong{font-weight:500;}
.logins_box .con .bx .midd{}
.logins_box .con .bx .midd .form{position:relative; max-width:555px; margin:0 auto; padding-right:155px; box-sizing:border-box;}
.logins_box .con .bx .midd .form input[type="text"],
.logins_box .con .bx .midd .form input[type="password"]{width:100%; height:45px; line-height:43px; text-indent:15px; box-sizing:border-box;}
.logins_box .con .bx .midd .form input[type="text"]{margin-bottom:15px;}
.logins_box .con .bx .midd .form input[type="submit"]{position:absolute; right:0; top:0; width:140px; height:105px; text-align:center; font-size:18px; border:1px solid #2b66c2; color:#fff; background-color:#2b66c2; box-sizing:border-box;}
.logins_box .con .bx .midd .form input[type="submit"]:hover{color:#2b66c2; background-color:#fff;}
.logins_box .con .bx .midd .etcs{overflow:hidden; max-width:555px; margin:30px auto 0 auto;}
.logins_box .con .bx .midd .etcs a{float:right; width:49%;}
.logins_box .con .bx .midd .etcs a:first-child{float:left;}

.content_pop#popup_idpw{max-width:600px; height:270px; margin:-135px 0 0 -300px;}
.content_pop#popup_idpw .midd{padding:30px;}
.content_pop#popup_idpw .midd p{line-height:24px; margin:0 0 15px 0; font-size:15px; color:#545454;}
.content_pop#popup_idpw .midd .submits{position:relative; padding-right:94px;}
.content_pop#popup_idpw .midd .submits input[type="text"]{width:100%; height:42px; line-height:40px; padding:0 15px; border:1px solid #d1d1d1; box-sizing:border-box;}
.content_pop#popup_idpw .midd .submits a{
	display:block; position:absolute; right:0; top:0; width:84px; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #394047; color:#fff; background-color:#394047; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.content_pop#popup_idpw .midd .submits a:hover{color:#394047; background-color:#fff;}


#sub.user.popup_idpw #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_idpw .content_pop#popup_idpw{opacity:1; left:50%; z-index:4000;}

@media screen and (max-width: 810px){
	.content_pop#popup_idpw{top:50% !important; height:260px !important; margin-top:-130px !important;}
	.content_pop#popup_idpw .midd p{line-height:18px; font-size:12px;}
}
@media screen and (max-width: 600px){
	.logins_box .con .bx .head{margin-bottom:20px;}
	.logins_box .con .bx .head span,
	.logins_box .con .bx .head strong{line-height:24px; font-size:18px;}
	.logins_box .con .bx .midd .etcs{margin-top:20px;}
}
@media screen and (max-width: 500px){
	.logins_box .con .bx{padding:30px;}
	.logins_box .con .bx .midd .form{padding-right:125px;}
	.logins_box .con .bx .midd .form input[type="text"],
	.logins_box .con .bx .midd .form input[type="password"]{margin-bottom:4px !important;}
	.logins_box .con .bx .midd .form input[type="submit"]{width:110px;}

	.content_pop#popup_idpw .midd{padding:20px;}
}
@media screen and (max-width: 400px){
	.logins_box .con .bx{padding:20px;}
	.logins_box .con .bx .head span,
	.logins_box .con .bx .head strong{line-height:20px; font-size:14px;}
	.logins_box .con .bx .midd .form{padding-right:0;}
	.logins_box .con .bx .midd .form input[type="text"],
	.logins_box .con .bx .midd .form input[type="password"]{height:38px; line-height:36px; font-size:12px;}
	.logins_box .con .bx .midd .form input[type="submit"]{position:relative; width:100%; height:40px; font-size:14px;}
	.logins_box .con .bx .midd .etcs{margin-top:15px;}
	.logins_box .con .bx .midd .etcs a{float:none !important; width:100%;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 회원가입
	연관단어 : join

////////////////////////////////////////////////////////////////////////////// */
#con_join{}
#con_join .steplist{text-align:center;}
#con_join .steplist ol{counter-reset:section; overflow:hidden; display:inline-block;}
#con_join .steplist li{
	float:left; display:table; position:relative; padding:5px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_join .steplist li strong{
	display:table-cell; width:91px; height:91px; line-height:22px; text-align:center; vertical-align:middle; font-weight:normal; font-size:18px; color:#0e0e0e; background-color:#fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	box-shadow:2px 2px 3px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,0.2);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_join .steplist li strong:before{
	counter-increment: section; display:block; font-weight:600;
	content:"STEP"counter(section);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_join .steplist li strong em{position:absolute; left:0; top:0; opacity:0;}
#con_join .steplist li:not(:last-child){padding-right:104px;}
#con_join .steplist li:not(:last-child) strong:after{content:""; display:inline-block; position:absolute; right:45px; top:50%; width:14px; height:8px; margin-top:-4px; background:url(../../images/kor/content/join_bul.png) no-repeat center center;}
#con_join .steplist li.on strong{color:#fff; background-color:#2b66c2;}

.content_pop#popup_idcheck{max-width:600px; height:270px; margin:-135px 0 0 -300px;}
.content_pop#popup_idcheck .midd{padding:30px;}
.content_pop#popup_idcheck .midd p{line-height:24px; margin:0 0 15px 0; text-align:center; font-size:15px; color:#545454;}
.content_pop#popup_idcheck .midd .submits{position:relative; text-align:center;}


#sub.user.popup_idcheck #wrap:before{opacity:0.7; content:""; display:block; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background-color:#000;}
#sub.user.popup_idcheck .content_pop#popup_idcheck{opacity:1; left:50%; z-index:4000;}

@media screen and (max-width: 810px){
	.content_pop#popup_idcheck{top:50% !important; height:260px !important; margin-top:-130px !important;}
	.content_pop#popup_idcheck .midd p{line-height:18px; font-size:12px;}
}
@media screen and (max-width: 600px){
	#con_join .steplist{margin-top:20px;}
	#con_join .steplist li strong{line-height:18px; font-size:14px;}
	#con_join .steplist li:not(:last-child){padding-right:54px;}
	#con_join .steplist li:not(:last-child) strong:after{right:20px;}
}
@media screen and (max-width: 500px){
	.content_pop#popup_idcheck .midd{padding:20px;}
}
@media screen and (max-width: 450px){
	#con_join .steplist li strong{width:80px; height:80px;}
	#con_join .steplist li:not(:last-child){padding-right:34px;}
	#con_join .steplist li:not(:last-child) strong:after{right:8px;}
}
@media screen and (max-width: 400px){
	#con_join .steplist li strong{width:65px; height:65px; font-size:12px;}
	#con_join .steplist li:not(:last-child){padding-right:28px;}
	#con_join .steplist li:not(:last-child) strong:after{right:4px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 가입완료
	연관단어 : success

////////////////////////////////////////////////////////////////////////////// */
.logins_success{padding:10px 10px 0 0;}
.logins_success .con{position:relative;}
.logins_success .con:before,
.logins_success .con:after{content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff;}
.logins_success .con:before{right:-5px; top:-5px; z-index:1;}
.logins_success .con:after{right:-10px; top:-10px; z-index:0;}
.logins_success .con .bx{
	position:relative; z-index:10; padding:75px 50px; border:1px solid #eaeaea; background-color:#fff;
	background-image:url(../../images/kor/content/logins_success_bg_l.gif),
					 url(../../images/kor/content/logins_success_bg_r.gif);
	background-position:left top,
						right top;
	background-repeat:no-repeat,
					  no-repeat;
	background-size:auto 100%,
					auto 100%;
}
.logins_success .con .bx .head{margin-bottom:40px; text-align:center;}
.logins_success .con .bx .head strong{display:block; line-height:26px; margin-bottom:20px; font-weight:normal; font-size:25px; color:#0e0e0e;}
.logins_success .con .bx .head strong em{font-weight:600;}
.logins_success .con .bx .head span{display:block; line-height:24px; font-size:15px; color:#545454;}
.logins_success .con .bx .midd{}
.logins_success .con .bx .midd .etcs{text-align:center;}
.logins_success .con .bx .midd .etcs .btn{width:250px; height:50px; line-height:48px;}
.logins_success .con .bx .midd .etcs .btn:nth-child(1){margin-right:5px;}
.logins_success .con .bx .midd .etcs .btn:nth-child(2){margin-left:5px;}
@media screen and (max-width: 700px){
	.logins_success .con .bx .midd .etcs .btn{width:200px; height:40px; line-height:38px;}
}
@media screen and (max-width: 600px){
	.logins_success .con .bx{padding:50px 30px;}
	.logins_success .con .bx .head{margin-bottom:20px;}
	.logins_success .con .bx .head strong{line-height:21px; margin-top:10px; font-size:20px;}
	.logins_success .con .bx .head span{line-height:20px; font-size:12px;}
	.logins_success .con .bx .midd .etcs .btn{width:160px;}
}
@media screen and (max-width: 500px){
	.logins_success .con .bx{padding:30px;}
	.logins_success .con .bx .midd .etcs .btn{width:100%; margin:4px 0 !important;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 마일리지
	연관단어 : search_day

////////////////////////////////////////////////////////////////////////////// */
.search_mon{}
.search_mon strong,
.search_mon a{
	display:inline-block; width:70px; height:36px; line-height:34px; text-decoration:none; text-align:center; color:#545454; border:1px solid #ccc; background-color:#eff0f0;
	border-radius:3px;
	-webkit-border-radius:3px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.search_mon a:hover,
.search_mon a.on{color:#fff; background-color:#394047;}
.search_mon strong{width:90px; color:#545454; background-color:#fff;}
.search_mon .inblock{margin-left:20px;}
.search_mon .inblock:nth-child(1){margin-left:0;}

.search_day{margin-top:15px;}
.search_day select{width:70px; height:36px;}
@media screen and (max-width: 800px){
	.board.list.notice.mile ul li{padding:10px 80px 10px 10px;}
	.board.list.notice.mile ul li p:nth-child(1){}
	.board.list.notice.mile ul li p:nth-child(1):before{content:"[";}
	.board.list.notice.mile ul li p:nth-child(1):after{content:"]";}
	.board.list.notice.mile ul li p:nth-child(2){display:block; margin:0; padding-bottom:0;}
	.board.list.notice.mile ul li p:nth-child(3){position:absolute; right:10px; top:50%; line-height:21px; padding:0; margin-top:-10px; font-weight:600; font-size:20px;}
	.board.list.notice.mile ul li.point{padding:20px 10px;}
	.board.list.notice.mile ul li.point p:nth-child(1):before,
	.board.list.notice.mile ul li.point p:nth-child(1):after{display:none;}
	.board.list.notice.mile ul li.point p:nth-child(2){display:inline; position:absolute; left:10px; top:10px; width:auto; padding:0;}
	.search_mon strong,
	.search_mon a{width:45px; height:28px; line-height:26px; font-size:12px;}
	.search_mon strong{display:block; width:auto; padding:0; text-align:left; border:none;}
	.search_mon .inblock:nth-child(2) strong{margin-top:10px;}
	.search_day select{width:auto; height:28px; font-size:12px;}
}
@media screen and (max-width: 550px){
	.search_mon .inblock{display:block; margin:4px 0 0 0;}
	.search_day{padding-top:15px; border-top:1px dashed #ccc;}
	/*.search_day .inblock{display:block; margin:4px 0 0 0;}*/
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 교류협력체결기관
	연관단어 : exchange

////////////////////////////////////////////////////////////////////////////// */
#exchange_tab{}
#exchange_tab>ul{overflow:hidden; border-top:1px solid #d1d1d3;}
#exchange_tab>ul>li{float:left; width:33.3%; box-sizing:border-box;}
#exchange_tab>ul>li>a{
	display:block; width:100%; height:42px; line-height:40px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #d1d1d3; border-top:none; border-left:none; color:#545454; box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#exchange_tab>ul:not(:nth-child(1)){margin-top:-1px;}
#exchange_tab>ul>li:nth-child(3n+1) a{border-left:1px solid #d1d1d3;}
#exchange_tab>ul>li.on a{color:#fff; background-color:#394047;}
#exchange_tab [id*="exchange_view_"]{display:none; position:relative; min-height:113px; padding:40px 50px 40px 325px; margin:-1px 0 30px 0; border:1px solid #d1d1d3; background-color:#efeff3;}
#exchange_tab [id*="exchange_view_"] .photos{display:block; position:absolute; left:50px; top:40px; width:242px; height:113px; border:1px solid #dedede;}
#exchange_tab [id*="exchange_view_"] .photos img{max-width:100%;}
#exchange_tab [id*="exchange_view_"] ul li{position:relative; line-height:28px; padding-left:90px; color:#545454;}
#exchange_tab [id*="exchange_view_"] ul li strong{display:block; position:absolute; left:0; top:0; width:90px; font-weight:500;}
#exchange_tab [id*="exchange_view_"] ul li strong:before{content:""; display:inline-block; width:12px; height:12px; margin-right:4px; font-size:15px; color:#0e0e0e; background:url(../../images/kor/content/exchange_bul.png) no-repeat center center;}
#exchange_tab [id*="exchange_view_"] .btn_close{display:block; position:absolute; right:20px; top:20px; width:86px; height:36px; line-height:34px; text-decoration:none; text-align:center; font-size:14px; border:1px solid #d6d6d9; color:#545454; background-color:#fff; box-sizing:border-box;}
#exchange_tab [id*="exchange_view_"] .btn_close:after{
	content:""; display:inline-block; width:10px; height:10px; margin-left:5px; background:url(../../images/kor/content/exchange_close.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#exchange_tab [id*="exchange_view_"] .btn_close:hover:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
@media screen and (max-width: 700px){
	#exchange_tab [id*="exchange_view_"]{overflow:hidden; padding:30px;}
	#exchange_tab [id*="exchange_view_"] .photos{position:relative; left:auto; top:auto; margin:0 auto 20px auto;}
	#exchange_tab [id*="exchange_view_"] .btn_close{float:right; position:relative; right:auto; top:auto; margin-top:10px;}
}
@media screen and (max-width: 500px){
	#exchange_tab [id*="exchange_view_"] ul li{padding-left:70px;}
	#exchange_tab [id*="exchange_view_"] ul li strong{width:70px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 카드뉴스
	연관단어 : con_card

////////////////////////////////////////////////////////////////////////////// */
#con_card{}
#con_card .photos{position:relative; padding:50px; background-color:#f9f9f9;}
#con_card .photos .head{position:relative; z-index:10; max-width:575px; padding:0px; margin:0 auto;}
#con_card .photos .head img{width:100%;}
#con_card .photos .head .btn_left,
#con_card .photos .head .btn_right{overflow:hidden; display:block; position:absolute; top:0; width:50px; height:100%; text-indent:-1000px; background-repeat:no-repeat;}
#con_card .photos .head .btn_left{left:-70px; background-image:url(../../images/kor/content/con_card_arrow_l.png); background-position:left center;}
#con_card .photos .head .btn_right{right:-70px; background-image:url(../../images/kor/content/con_card_arrow_r.png); background-position:right center;}
#con_card .photos .midd{overflow:hidden; position:relative; z-index:5; margin:0 auto;}
#con_card .photos .midd .count{max-width:575px; line-height:40px; margin:0 auto; text-align:right; font-size:15px; color:#2d2d2d;}
#con_card .photos .midd ul{overflow:hidden; left:0 !important; width:100%;}
#con_card .photos .midd ul li{float:left; padding:0 4px 4px 0;}
#con_card .photos .midd ul li a{overflow:hidden; display:block; position:relative; width:88px; height:88px;}
#con_card .photos .midd ul li a img{width:100%;}
#con_card .photos .midd ul li a:before{
	opacity:0.5; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_card .photos .midd ul li.on a:before{opacity:0;}
#con_card .cons{padding:50px; margin-bottom:50px; background-color:#f9f9f9;}
#con_card .cons .head{display:block; line-height:24px; font-size:20px; color:#0e0e0e;}
#con_card .cons .midd{display:block; line-height:24px; padding:20px 0px; font-size:14px; color:#0e0e0e;}
#con_card .cons .foot{display:block; line-height:15px; font-size:14px; color:#6b6b6b;}

#con_card .lists{padding:10px 0px; border-top:2px solid #424242; border-bottom:1px solid #bbb;}
#con_card .lists ul{overflow:hidden;}
#con_card .lists ul li{float:left; width:25%; padding:10px; box-sizing:border-box;}
#con_card .lists ul li:nth-child(4n+1){padding:14px 20px 14px 0px;}
#con_card .lists ul li:nth-child(4n+2){padding:14px 14px 14px 6px;}
#con_card .lists ul li:nth-child(4n+3){padding:14px 6px 14px 14px;}
#con_card .lists ul li:nth-child(4n+4){padding:14px 0px 14px 20px;}
#con_card .lists ul li a{overflow:hidden; display:block; position:relative; border:1px solid #d1d1d3; background-color:#fafafa;}
#con_card .lists ul li a img{
	width:100%; display:block;
}
#con_card .lists ul li a span{display:block; position:absolute; right:0; bottom:0; z-index:10; height:25px; line-height:25px; padding:0px 10px; font-size:14px; color:#fff; background-color:#323232;}
#con_card .lists ul li a span:before{content:""; display:inline-block; width:10px; height:12px; margin:7px 3px 0 0; vertical-align:top; background:url(../../images/kor/content/con_card_icon.png) no-repeat center center;}

@media screen and (max-width: 1150px){
	#con_card .photos .head .btn_left{left:-50px;}
	#con_card .photos .head .btn_right{right:-50px;}
}
@media screen and (max-width: 800px){
	#con_card .photos .head,
	#con_card .photos .midd{max-width:100%;}
	#con_card .photos .head .btn_left,
	#con_card .photos .head .btn_right{background-position:center center; background-size:50% auto;}
}
@media screen and (max-width: 600px){
	#con_card .lists ul li:nth-child(4n+1){padding:8px 10px 8px 0px;}
	#con_card .lists ul li:nth-child(4n+2){padding:8px 6px 8px 4px;}
	#con_card .lists ul li:nth-child(4n+3){padding:8px 4px 8px 6px;}
	#con_card .lists ul li:nth-child(4n+4){padding:8px 0px 8px 10px;}


	#con_card .photos .midd ul li{width:20%; box-sizing:border-box;}
	#con_card .photos .midd ul li a{width:100%; height:auto;}
}
@media screen and (max-width: 400px){
	#con_card .photos .head .btn_left,
	#con_card .photos .head .btn_right{background-position:center center; background-size:30% auto;}
	#con_card .cons{padding:30px;}

	#con_card .photos .midd ul li{width:25%;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 홍보동영상
	연관단어 : video

////////////////////////////////////////////////////////////////////////////// */
#con_video{padding:10px 0px; border-top:2px solid #424242; border-bottom:1px solid #bbb;}
#con_video ul{overflow:hidden;}
#con_video ul li{float:left; width:33.3%; box-sizing:border-box;}
#con_video ul li:nth-child(3n+1){padding:5px 10px 5px 0px;}
#con_video ul li:nth-child(3n+2){padding:5px 5px 5px 5px;}
#con_video ul li:nth-child(3n+3){padding:5px 0px 5px 10px;}
#con_video ul li a{display:block; text-decoration:none;}
#con_video ul li a .photos{overflow:hidden; display:block; position:relative; border:1px solid #d1d1d3; background-color:#fafafa; box-sizing:border-box;}
#con_video ul li a .photos .grid{width:100%;}
#con_video ul li a .photos span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
#con_video ul li a .photos span img{
	width:auto; height:100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_video ul li a:hover .photos span img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
#con_video ul li a strong{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; line-height:45px; font-weight:500; font-size:15px; color:#2d2d2d;}
.youtubebox{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.youtubebox iframe{position:absolute; top:0; left:0; width:100%; height:100%; }
@media screen and (max-width: 600px){
	#con_video ul li{width:50%;}
	#con_video ul li:nth-child(2n+1){padding:5px 5px 5px 0px;}
	#con_video ul li:nth-child(2n+2){padding:5px 0px 5px 5px;}
}
@media screen and (max-width: 400px){
	#con_video ul li{width:100%;}
	#con_video ul li{padding:5px 0px !important;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 홍보동영상
	연관단어 : sitemap

////////////////////////////////////////////////////////////////////////////// */
#con_sitemap{}
#con_sitemap .codein>ul{overflow:hidden;}
#con_sitemap .codein>ul>li{float:left; width:33.3%; margin-bottom:50px; box-sizing:border-box;}
#con_sitemap .codein>ul>li:nth-child(3n+1){padding:0 34px 0 0;}
#con_sitemap .codein>ul>li:nth-child(3n+2){padding:0 17px 0 17px;}
#con_sitemap .codein>ul>li:nth-child(3n+3){padding:0 0 0 34px;}
#con_sitemap .codein>ul>li:nth-child(3n+1){clear:both;}
#con_sitemap .codein>ul>li>span,
#con_sitemap .codein>ul>li>strong{display:none !important;}
#con_sitemap .codein>ul>li>a{display:table; width:100%; height:98px; text-decoration:none; font-size:25px; cursor:default; color:#fff; background-color:#3f434e;}
#con_sitemap .codein>ul>li>a>span{display:table-cell; width:100%; height:100%; line-height:30px; vertical-align:middle; text-align:center;}
#con_sitemap .codein>ul>li>ul>li{border:1px solid #d1d1d3; border-top:none;}
#con_sitemap .codein>ul>li>ul>li>a{display:block; line-height:26px; padding:10px 28px; font-size:18px; color:#1d1d1d;}
#con_sitemap .codein>ul>li>ul>li>ul{padding:0px 28px 15px 28px;}
#con_sitemap .codein>ul>li>ul>li>ul>li{position:relative; padding:4px 0px 4px 10px;}
#con_sitemap .codein>ul>li>ul>li>ul>li:before{content:"-"; display:inline-block; position:absolute; left:0; top:4px;}
#con_sitemap .codein>ul>li>ul>li>ul>li>a{line-height:19px; font-size:15px; color:#1d1d1d;}
@media screen and (max-width: 800px){
	#con_sitemap .codein>ul>li:nth-child(3n+1){padding:0 17px 0 0;}
	#con_sitemap .codein>ul>li:nth-child(3n+2){padding:0 9px 0 9px;}
	#con_sitemap .codein>ul>li:nth-child(3n+3){padding:0 0 0 17px;}
}
@media screen and (max-width: 700px){
	#con_sitemap .codein>ul>li:nth-child(3n+1){padding:0 8px 0 0;}
	#con_sitemap .codein>ul>li:nth-child(3n+2){padding:0 5px 0 5px;}
	#con_sitemap .codein>ul>li:nth-child(3n+3){padding:0 0 0 8px;}
	#con_sitemap .codein>ul>li>a{height:70px; line-height:24px; font-size:20px;}
	#con_sitemap .codein>ul>li>ul>li>a{line-height:20px; padding:10px 18px; font-size:14px;}
	#con_sitemap .codein>ul>li>ul>li>ul{padding:0px 18px 15px 18px;}
	#con_sitemap .codein>ul>li>ul>li>ul>li{padding:2px 0px 2px 10px;}
	#con_sitemap .codein>ul>li>ul>li>ul>li>a{line-height:16px; font-size:12px;}
}
@media screen and (max-width: 500px){
	#con_sitemap .codein>ul>li{width:50%;}
	#con_sitemap .codein>ul>li:nth-child(2n+1){padding:0 5px 0 0;}
	#con_sitemap .codein>ul>li:nth-child(2n+2){padding:0 0 0 5px;}
	#con_sitemap .codein>ul>li:nth-child(3n+1){clear:none;}
	#con_sitemap .codein>ul>li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width: 340px){
	#con_sitemap .codein>ul>li{width:100%;}
	#con_sitemap .codein>ul>li{clear:both !important; padding:0 !important;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 도서회원안내
	연관단어 : book_info

////////////////////////////////////////////////////////////////////////////// */
#con_book_info{}
#con_book_info .bx1{overflow:hidden; border:1px solid #dcdcdc;}
#con_book_info .bx1 li{overflow:hidden; display:table; float:left; width:50%; box-sizing:border-box;}
#con_book_info .bx1 li:nth-child(2){border-left:1px solid #dcdcdc;}
#con_book_info .bx1 li .tis{display:table-cell; width:50%; height:115px; vertical-align:middle; text-align:center; font-weight:500; font-size:18px; color:#0e0e0e; background-color:#eaf5ff;}
#con_book_info .bx1 li:nth-child(1) .tis:after{content:""; display:inline-block; width:79px; height:61px; margin-left:20px; vertical-align:middle; background:url(../../images/kor/content/book_info_icon_01.png) no-repeat center center;}
#con_book_info .bx1 li:nth-child(2) .tis:after{content:""; display:inline-block; width:75px; height:57px; margin-left:20px; vertical-align:middle; background:url(../../images/kor/content/book_info_icon_02.png) no-repeat center center;}
#con_book_info .bx1 li .tes{display:table-cell; text-align:center; vertical-align:middle; font-size:30px; color:#2b66c2;}
#con_book_info .kb{overflow:hidden; padding:25px; border:1px solid #dcdcdc;}
#con_book_info .kb .tis{float:left;}
#con_book_info .kb .tes{overflow:hidden; float:left;}
#con_book_info .kb .tes li{float:left; line-height:26px; margin-left:20px; padding-left:20px; font-size:16px; border-left:1px solid #dcdcdc; color:#222;}
#con_book_info .kb .tes li:nth-child(1){line-height:26px; font-size:25px; color:#1e1e1e;}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	#con_book_info .bx1 li .tis:after{display:none !important;}
}
@media screen and (max-width: 800px){
	#con_book_info .bx1 li{width:100%;}
	#con_book_info .bx1 li:not(:nth-child(1)){border-top:1px solid #dcdcdc;}
}
@media screen and (max-width: 700px){
	#con_book_info .bx1 li .tes{font-size:24px;}
	#con_book_info .kb .tes{margin-left:20px; padding-left:20px; border-left:1px solid #dcdcdc;}
	#con_book_info .kb .tes li{float:none; margin:0; padding:0; font-size:14px; border-left:none;}
	#con_book_info .kb .tes li:nth-child(1){line-height:24px; font-size:22px;}
}
@media screen and (max-width: 500px){
	#con_book_info .bx1 li .tes{width:60%;}
	#con_book_info .bx1 li .tis{width:40%; height:90px;}
	#con_book_info .bx1 li .tis:after{display:none !important;}

	#con_book_info .kb .tis{display:block; float:none; margin-bottom:10px; text-align:center;}
	#con_book_info .kb .tes{width:100%; margin:0; padding:0; border-left:none; text-align:center;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 기본연구사업:개요
	연관단어 : summary

////////////////////////////////////////////////////////////////////////////// */
#con_summary{}
#con_summary ul{display:table; overflow:hidden; position:relative; border:1px solid #eaeaea;}
#con_summary ul li{display:table-cell; position:relative; z-index:10; width:50%; padding:30px 30px 40px 30px; background-color:#fff; box-sizing:border-box;}
#con_summary ul li:nth-child(2){border-left:1px solid #eaeaea;}
#con_summary ul.item_01 li:nth-child(2),
#con_summary ul.item_02 li:nth-child(1){background-color:#f9f9f9;}
#con_summary ul li h6{margin:0 0 20px 0;}
#con_summary ul li div{line-height:24px; font-size:15px; color:#545454;}
#con_summary ul.item_03:after{content:""; display:block; position:absolute; right:0; bottom:0; z-index:0; width:50%; height:100%; background:url(../../images/kor/content/summary_bg.jpg) no-repeat center center; background-size:cover;}
@media screen and (max-width: 600px){
	#con_summary ul,
	#con_summary ul li{display:block; width:100%;}
	#con_summary ul li{padding:20px;}
	#con_summary ul li:nth-child(2){border-top:none; border-top:1px solid #eaeaea;}
	#con_summary ul.item_03:after{display:none;}
	#con_summary ul li h6{margin-bottom:10px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 기본연구사업:목표
	연관단어 : goal

////////////////////////////////////////////////////////////////////////////// */
#con_goal{position:relative; min-height:509px;}
#con_goal:after{
	content:""; display:block; position:absolute; left:50%; top:50%; z-index:0; width:402px; height:402px; margin:-201px 0 0 -201px; background-color:#fafafa;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_goal .tis{content:""; display:block; position:absolute; left:50%; top:50%; z-index:10; width:169px; height:169px; line-height:169px; margin:-84px 0 0 -84px; text-align:center; font-size:24px; color:#2b66c2; background:url(../../images/kor/content/goal_bg.png) no-repeat center center;}
#con_goal>ul{width:100%; height:100%;}
#con_goal>ul>li{position:absolute; z-index:20; min-height:107px;}
#con_goal>ul>li:nth-child(1){position:relative;width: 43%;padding:10px 0 0 140px;}
#con_goal>ul>li:nth-child(2){width: 355px;}
#con_goal>ul>li:nth-child(3){width: 319px;}
#con_goal>ul>li:nth-child(1){left:50%;top:0px;margin: 0px 0 0 -60px;}
#con_goal>ul>li:nth-child(2){right:50%;top:50%;margin: -20px -404px 0 0;}
#con_goal>ul>li:nth-child(3){left:50%;top:50%;margin: -20px 0 0 -380px;}
#con_goal>ul>li:before{content:""; display:block; width:107px; height:107px; background-position:center center; background-repeat:no-repeat;}
#con_goal>ul>li:nth-child(1):before{background-image:url(../../images/kor/content/goal_simbol_01.png);}
#con_goal>ul>li:nth-child(2):before{background-image:url(../../images/kor/content/goal_simbol_02.png);}
#con_goal>ul>li:nth-child(3):before{background-image:url(../../images/kor/content/goal_simbol_03.png);}
#con_goal>ul>li:nth-child(1):before{position:absolute; left:0; top:0;}
#con_goal>ul>li:nth-child(2):before,
#con_goal>ul>li:nth-child(3):before{margin:0 auto;}
#con_goal>ul>li strong{display:block; line-height:24px; margin-bottom:10px; font-weight:500; font-size:20px; color:#0e0e0e;}
#con_goal>ul>li ul{margin-bottom:0;}
#con_goal>ul>li:nth-child(2) strong,
#con_goal>ul>li:nth-child(3) strong{margin-top:20px;}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	#con_goal>ul>li:nth-child(2){margin-right:-351px;}
	#con_goal>ul>li:nth-child(3){margin-left:-351px;}
}
@media screen and (max-width: 800px){
	#con_goal:after{display:none;}
	#con_goal .tis{position:relative; left:auto; top:auto; margin:0 auto 30px auto;}
	#con_goal>ul>li{position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; min-height:147px; margin:0 !important; padding:20px 0 20px 140px !important; box-sizing:border-box;}
	#con_goal>ul>li:not(:nth-child(1)){border-top:1px dashed #ccc;}
	#con_goal>ul>li:before{position:absolute !important; left:0; top:20px !important; margin:0 !important;}
	#con_goal>ul>li strong{margin-top:10px !important;}
}
@media screen and (max-width: 400px){
	#con_goal>ul>li{min-height:10px; padding:15px 0 !important;}
	#con_goal>ul>li:before{display:none;}
	#con_goal>ul>li strong{line-height:20px; margin-top:0px !important; font-size:16px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 일반연구사업:진행중인 사업보기
	연관단어 : ing

////////////////////////////////////////////////////////////////////////////// */
#con_ing{}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 연구관련사업
	연관단어 : saup

////////////////////////////////////////////////////////////////////////////// */
#con_saup{position:relative;}
#con_saup:after{
	content:""; display:block; position:absolute; left:50%; top:50%; z-index:0; width:402px; height:402px; margin:-201px 0 0 -201px; background-color:#fafafa;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_saup .tis{content:""; display:block; position:absolute; left:50%; top:50%; z-index:10; width:231px; height:231px; line-height:231px; margin:-115px 0 0 -115px; text-align:center; font-size:24px; color:#2b66c2; background:url(../../images/kor/content/saup_bg.png) no-repeat center center;}
#con_saup>ul{position:relative; width:100%; height:100%; min-height:509px;}
#con_saup>ul>li{position:absolute; z-index:10; width:320px;}
/*#con_saup>ul>li:nth-child(1){left:50%; top:0; width:350px; margin-left:-175px;}*/
#con_saup>ul>li:nth-child(1){right:50%; top:45%; padding-right:150px;}
#con_saup>ul>li:nth-child(2){left:50%; top:45%; padding-left:180px;}
#con_saup>ul>li strong{display:block; line-height:24px; margin-bottom:10px; font-size:20px; color:#0e0e0e;}
#con_saup>ul>li div{line-height:20px; font-size:15px; color:#545454;}
#con_saup>ul>li div span{display:block;}

@media screen and (min-width: 1024px) and (max-width: 1200px){
	#con_saup>ul>li{width:200px;}
}
@media screen and (max-width: 1024px){
	#con_saup>ul>li:nth-child(2){padding-left:140px;}
}
@media screen and (max-width: 800px){
	#con_saup:after{display:none;}
	#con_saup .tis{position:relative; left:auto; top:auto; margin:0 auto 30px auto;}
	#con_saup>ul>li{position:relative !important; left:auto !important; right:auto !important; top:auto !important; width:100% !important; min-height:147px; margin:0 !important; padding:20px 0 20px 0px !important; box-sizing:border-box;}
	#con_saup>ul>li:not(:nth-child(1)){border-top:1px dashed #ccc;}
	#con_saup>ul>li:before{position:absolute !important; left:0; top:20px !important; margin:0 !important;}
	#con_saup>ul>li strong{margin-top:10px !important;}
}
@media screen and (max-width: 400px){
	#con_saup>ul>li{min-height:10px; padding:15px 0 !important;}
	#con_saup>ul>li:before{display:none;}
	#con_saup>ul>li strong{line-height:20px; margin-top:0px !important; font-size:16px;}
}






/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 법제정보서비스
	연관단어 : service

////////////////////////////////////////////////////////////////////////////// */
#con_service{}
#con_service ul{border-top:1px solid #ddd;}
#con_service ul li{position:relative; padding:25px 0px 25px 280px; border-bottom:1px solid #ddd;}
#con_service ul li .head{position:absolute; left:0; top:25px; width:244px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box;}
#con_service ul li .head .photos{display:block; min-width:232px; min-height:84px; background-color:#fff;}
#con_service ul li .midd .tis{display:block; line-height:22px; margin-bottom:15px; font-weight:500; font-size:20px; color:#323232;}
#con_service ul li .midd .tes{line-height:22px; margin-bottom:15px; font-size:14px; color:#545454;}
#con_service ul li .midd .btn_group{display:block;}
@media screen and (max-width: 600px){
	#con_service ul li{padding-left:0;}
	#con_service ul li .head{position:relative; left:auto; top:auto; margin:0 auto 20px auto;}
}





/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 검색서비스
	연관단어 : service_search

////////////////////////////////////////////////////////////////////////////// */
#con_service_search{}
#con_service_search ul{}
#con_service_search ul li{position:relative; min-height:96px; padding:60px 0px 25px 280px; border-bottom:1px solid #ddd;}
#con_service_search ul li h6{position:absolute; left:0; top:25px; margin:0;}
#con_service_search ul li .head{display:table; position:absolute; left:0; top:60px; width:244px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box;}
#con_service_search ul li .head .photos{display:table-cell; min-width:232px; height:84px; line-height:19px; text-align:center; font-weight:500; font-size:18px; vertical-align:middle; color:#545454; background-color:#fff;}
#con_service_search ul li:nth-child(1) .head .photos:before{content:""; display:inline-block; width:60px; height:40px; margin-right:10px; vertical-align:middle; background:url(../../images/kor/content/service_search_icon_01.png) no-repeat center center;}
#con_service_search ul li:nth-child(2) .head .photos:before{content:""; display:inline-block; width:52px; height:48px; margin-right:10px; vertical-align:middle; background:url(../../images/kor/content/service_search_icon_02.png) no-repeat center center;}
#con_service_search ul li .midd .tis{display:block; line-height:22px; margin-bottom:15px; font-weight:500; font-size:20px; color:#323232;}
#con_service_search ul li .midd .tes{line-height:22px; margin-bottom:15px; font-size:14px; color:#545454;}
#con_service_search ul li .midd .btn_group{display:block;}
#con_service_search ul li .midd .btn_group .btn{width:200px; text-align:left;}
#con_service_search ul li .midd .btn_group .btn.btn.icon_04.bg_04:after{position:absolute; right:15px; top:13px;}
@media screen and (max-width: 600px){
	#con_service_search ul li{padding-left:0;}
	#con_service_search ul li .head{position:relative; left:auto; top:auto; margin:0 auto 20px auto;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 외국법제조사원
	연관단어 : inves

////////////////////////////////////////////////////////////////////////////// */
#con_inves{}
#con_inves .photos{position:relative; border:1px solid #eaeaea;}
#con_inves .photos:before,
#con_inves .photos:after{
	opacity:0; content:""; display:block; position:absolute; left:0; top:10px; z-index:10; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;
	animation-name:inves_map;
	animation-duration: 0.6s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: linear;

	-webkit-animation-name:inves_map;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}
@keyframes inves_map{
	0% {opacity:0; top:10px;}
	100% {opacity:1; top:0;}
}
@-webkit-keyframes inves_map{
	0% {opacity:0; top:10px;}
	100% {opacity:1; top:0;}
}
#con_inves .photos:before{background-image:url(../../images/kor/content/inves_bg_02.png);}
#con_inves .photos:after{
	background-image:url(../../images/kor/content/inves_bg_03.png);
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
#con_inves .photos img{position:relative; z-index:0; max-width:100%; vertical-align:top;}

@media screen and (max-width: 500px){
	#con_inves .table,
	#con_inves .table tbody,
	#con_inves .table tbody tr,
	#con_inves .table tbody th,
	#con_inves .table tbody td{display:block;}
	#con_inves .table thead{display:none;}
	#con_inves .table tbody td{border:none !important;}
	#con_inves .table tbody td:nth-child(1){background-color:#efeff3;}
	#con_inves .table tbody td:nth-child(2),
	#con_inves .table tbody td:nth-child(3){padding:0 5px;}
	#con_inves .table tbody td:nth-child(2){padding-top:5px; text-align:left !important;}
	#con_inves .table tbody td:nth-child(3){padding-bottom:5px;}
	#con_inves .table tbody td:nth-child(2):before{content:"조사원수 : ";}
	#con_inves .table tbody td:nth-child(3):before{content:"해당국가 : ";}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 유관기관
	연관단어 : related

////////////////////////////////////////////////////////////////////////////// */
#con_related{}
#con_related .js_tab:not(.select) ul li{width:20%; box-sizing:border-box;}
#con_related .type_01{overflow:hidden;}
#con_related .type_01 li{float:left; width:33.3%; box-sizing:border-box;}
#con_related .type_01 li:nth-child(3n+1){padding:6px 6px 6px 0;}
#con_related .type_01 li:nth-child(3n+2){padding:6px 6px 6px 6px;}
#con_related .type_01 li:nth-child(3n+3){padding:6px 0 6px 6px;}
#con_related .type_01 li a{
	display:block; border:1px solid #e3e3e3;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#con_related .type_01 li a:hover{border-color:#2d66c2;}
#con_related .type_01 li a img{width:100%;}

#con_related .type_02{overflow:hidden; border-top:2px solid #000;}
#con_related .type_02 li{float:left; position:relative; width:33.3%; padding:12px 33px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
#con_related .type_02 li:before{content:""; display:block; position:absolute; left:23px; top:21px; width:3px; height:3px; background-color:#b5b5b5;}
#con_related .type_02 li a{display:block; line-height:18px; font-size:14px; color:#444;}

#con_related .type_03{overflow:hidden; border-top:2px solid #000;}
#con_related .type_03 li{float:left; position:relative; width:50%; padding:12px 33px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
#con_related .type_03 li:before{content:""; display:block; position:absolute; left:23px; top:21px; width:3px; height:3px; background-color:#b5b5b5;}
#con_related .type_03 li a{display:block; line-height:18px; font-size:14px; color:#444;}

@media screen and (max-width: 1300px){
	#con_related .js_tab:not(.select) ul li{width:25%;}
}
@media screen and (min-width: 1024px) and (max-width: 1100px){
	#con_related .js_tab:not(.select) ul li{width:33.3%;}
}
@media screen and (max-width: 600px){
	#con_related .type_01 li{width:50%;}
	#con_related .type_01 li:nth-child(2n+1){padding:6px 6px 6px 0;}
	#con_related .type_01 li:nth-child(2n+2){padding:6px 0px 6px 6px;}

	#con_related .type_02 li,
	#con_related .type_03 li{width:100%;}



	#con_related .type_02 li,
	#con_related .type_03 li a{height:auto !important;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 정보공개제도안내
	연관단어 : datainfo

////////////////////////////////////////////////////////////////////////////// */
#con_datainfo{}
#con_datainfo img{max-width:100%;}
#con_datainfo .bx{padding:25px 30px; border:1px solid #ebebeb; background-color:#f9f9f9;}
@media screen and (max-width: 600px){
	#con_datainfo .bx{padding:15px 20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 정보공개청구
	연관단어 : claim

////////////////////////////////////////////////////////////////////////////// */
#con_claim{}
#con_claim .bx{position:relative; min-height:309px; padding:50px 50px 50px 390px; border:1px solid #eaeaea; box-sizing:border-box;}
#con_claim .bx:before{content:""; display:block; position:absolute; left:50px; top:50px; width:300px; height:209px; background:url(../../images/kor/content/claim_img_01.jpg) no-repeat center center;}
#con_claim .bx .head{line-height:25px; margin-bottom:20px; font-weight:500; font-size:20px; color:#0e0e0e;}
#con_claim .bx .midd{min-height:72px; line-height:24px; margin-bottom:20px; font-size:15px; color:#545454;}
@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 700px){
	#con_claim .bx{padding:50px;}
	#con_claim .bx:before{position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; background-size:cover;}
	#con_claim .bx .midd{min-height:24px;}
}
@media screen and (max-width: 500px){
	#con_claim .bx{padding:30px;}
}
@media screen and (max-width: 500px){
	#con_claim .bx{padding:20px;}
	#con_claim .bx:before{height:150px;}
	#con_claim .bx .head{line-height:20px; margin-bottom:10px; font-size:16px;}
	#con_claim .bx .midd{line-height:18px; font-size:12px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 공공데이터 개방:개요
	연관단어 : con_data_summary

////////////////////////////////////////////////////////////////////////////// */
#con_data_summary{}
#con_data_summary .imgbox{text-align:center;}
#con_data_summary .imgbox img{max-width:100%;}
#con_data_summary .boxlist{display:table; width:100%; border:1px solid #eaeaea;}
#con_data_summary .boxlist>li{display:table-cell; width:33.3%; padding:30px; box-sizing:border-box;}
#con_data_summary .boxlist>li:not(:nth-child(1)){border-left:1px solid #eaeaea;}
#con_data_summary .boxlist>li strong{display:block; line-height:24px; font-weight:500; font-size:20px; color:#2b66c2;}
#con_data_summary .boxlist>li .list_01{margin-bottom:0;}
#con_data_summary .bx{padding:25px 30px; border:1px solid #ebebeb; background-color:#f9f9f9;}
@media screen and (max-width: 700px){
	#con_data_summary .boxlist>li{padding:20px;}
	#con_data_summary .boxlist>li strong{line-height:20px; font-size:16px;}
}
@media screen and (max-width: 600px){
	#con_data_summary .bx{padding:15px 20px;}
}
@media screen and (max-width: 500px){
	#con_data_summary .boxlist,
	#con_data_summary .boxlist>li{display:block;}
	#con_data_summary .boxlist>li{width:100%;}
	#con_data_summary .boxlist>li:not(:nth-child(1)){border-left:none; border-top:1px solid #eaeaea;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 인사말
	연관단어 : hello

////////////////////////////////////////////////////////////////////////////// */
#con_hello{position:relative; min-height:600px; padding-left:415px;}
#con_hello .head{position:absolute; left:0; top:0; text-align:center;}
#con_hello .head span{display:inline-block; position:relative; max-width:350px;}
#con_hello .head span img{position:relative; z-index:10; max-width:100%;}
#con_hello .head span:before{content:""; position:absolute; left:30px; top:30px; z-index:0; width:100%; height:100%;  background-color:#f3f4f6;}
#con_hello .midd .tis{line-height:30px; font-weight:500; font-size:24px; color:#0e0e0e;}
#con_hello .midd .tis span{display:block;}
#con_hello .midd .tis em{font-style:normal; color:#2b66c2;}
#con_hello .midd .tes{line-height:24px; font-size:15px; color:#545454;}
#con_hello .midd .names img{vertical-align:middle;}
@media screen and (max-width: 700px){
	#con_hello{min-height:10px; padding-left:0;}
	#con_hello .head{position:relative; left:auto; top:auto;}
	#con_hello .midd{margin-top:50px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 약력
	연관단어 : yaks

////////////////////////////////////////////////////////////////////////////// */
#con_yaks{position:relative; min-height:600px; padding-left:355px;}
#con_yaks .head{position:absolute; left:0; top:0; text-align:center;}
#con_yaks .head span{display:inline-block; position:relative; max-width:350px; margin-bottom:30px;}
#con_yaks .head span img{position:relative; z-index:10; max-width:100%;}
#con_yaks .head span:before{content:""; position:absolute; left:30px; top:30px; z-index:0; width:100%; height:100%;  background-color:#f3f4f6;}
#con_yaks .head .names{padding-bottom:20px;}
#con_yaks .head .names img{vertical-align:middle;}
#con_yaks .midd ul li{position:relative; line-height:30px; padding-left:10px; font-weight:normal; font-size:16px; color:#0e0e0e;}
#con_yaks .midd ul li:before{content:""; display:block; position:absolute; left:0; top:15px; width:5px; height:2px; margin-top:-1px; background-color:#0e0e0e;}
@media screen and (max-width: 700px){
	#con_yaks{min-height:10px; padding-left:0;}
	#con_yaks .head{position:relative; left:auto; top:auto;}
	#con_yaks .head .names{max-width:350px; text-align:right; margin:0 auto;}
	#con_yaks .midd{margin-top:20px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 역대원장
	연관단어 : years

////////////////////////////////////////////////////////////////////////////// */
#con_years{}
#con_years>ol{overflow:hidden;}
#con_years>ol>li{float:left; width:50%; padding:45px 0; box-sizing:border-box;}
#con_years>ol>li:before{content:""; display:none; position:absolute; left:0; top:0; width:200%; height:1px; background-color:#eaeaea;}
#con_years>ol>li .lay{position:relative; padding-left:157px;}
#con_years .head{position:absolute; left:0; top:0; width:136px; height:152px; padding:5px; border:1px solid #eaeaea; background-color:#f3f4f6; box-sizing:border-box;}
#con_years .head .photos{overflow:hidden; display:block; width:100%; height:100%;}
#con_years .head .photos img{width:100%;}
#con_years .midd h6{margin-top:0;}
#con_years .midd ul li{position:relative;}
#con_years .midd ul li:nth-child(1){padding-left:48px;}
#con_years .midd ul li:nth-child(2){padding-left:75px;}
#con_years .midd ul li:nth-child(3){padding-left:48px;}
#con_years .midd ul li em{position:absolute; left:10px; top:0;}


#con_years>ol>li:nth-child(2n+1){clear:both; position:relative; padding-right:15px;}
#con_years>ol>li:nth-child(2n+1):before{display:block;}
#con_years>ol>li:nth-child(1):before{display:none;}
#con_years>ol>li:nth-child(2n+2){padding-left:15px;}
#con_years>ol>li:nth-child(1),
#con_years>ol>li:nth-child(2){padding-top:0;}

@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 800px){
	#con_years>ol>li{clear:both; float:none; position:relative; width:100%;}
	#con_years>ol>li:nth-child(2){padding-top:45px;}
	#con_years>ol>li:not(:nth-child(1)):before{display:block !important;}
}
@media screen and (max-width: 400px){
	#con_years>ol>li .lay{padding-left:0 !important;}
	#con_years .head{position:relative; margin:0 auto 20px auto;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 설립목적 및 기능
	연관단어 : purpose

////////////////////////////////////////////////////////////////////////////// */
#con_purpose{}
#con_purpose .box1{overflow:hidden; position:relative; text-align:center; border:1px solid #eaeaea; box-sizing:border-box;}
#con_purpose .box1:before{content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#fff;}
#con_purpose .box1 img{position:relative; z-index:10; max-width:100%;}
#con_purpose .box1 .blind_text{overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}

#con_purpose .box2{padding:10px 10px 0 0; margin-top:35px;}
#con_purpose .box2 .con{position:relative;}
#con_purpose .box2 .con:before,
#con_purpose .box2 .con:after{content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff;}
#con_purpose .box2 .con:before{right:-5px; top:-5px; z-index:1;}
#con_purpose .box2 .con:after{right:-10px; top:-10px; z-index:0;}
#con_purpose .box2 .con .bx{
	position:relative; z-index:10; line-height:27px; padding:55px 55px; border:1px solid #eaeaea; background-color:#fff;
	background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;
	background-image:url(../../images/kor/content/purpose_box_bg.jpg);
}
#con_purpose .box2 .con .bx p{margin-bottom:0;}
#con_purpose .box2 .con .bx .head{display:block; position:relative; padding-top:24px; margin-bottom:45px; text-align:center; font-weight:500; font-size:28px; color:#0e0e0e;}
#con_purpose .box2 .con .bx .head span{color:#af894e;}
#con_purpose .box2 .con .bx .head:before{content:""; display:block; position:absolute; left:50%; top:0; width:76px; height:9px; margin-left:-38px; background:url(../../images/kor/content/purpose_title_bg.gif) no-repeat center center;}
@media screen and (max-width: 500px){
	#con_purpose .box2 .con .bx{line-height:22px; padding:30px;}
	#con_purpose .box2 .con .bx .head{line-height:28px; margin-bottom:20px; font-size:24px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 비전/미션
	연관단어 : mission

////////////////////////////////////////////////////////////////////////////// */
#con_mission{}
#con_mission .item_01:after{content:""; display:block; height:164px; background:url(../../images/kor/content/mission_bg.gif) no-repeat center bottom; background-size:100% auto;}
#con_mission .item_01 li{display:table; width:100%;}
#con_mission .item_01 li .lay{display:table-cell; position:relative; width:100%; height:112px; line-height:24px; padding-left:142px; vertical-align:middle; font-size:20px; color:#0e0e0e; box-sizing:border-box;}
#con_mission .item_01 li .lay em{
	display:block; position:absolute; left:0; top:0; width:112px; height:112px; line-height:112px; text-align:center; font-size:22px; color:#fff; background-color:#2c68c0;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_mission .item_01 li:nth-child(2) .lay em{background-color:#2b9aef;}
#con_mission .item_01 li:not(:nth-child(1)){margin-top:30px;}
#con_mission .item_02{padding:50px; border:1px solid #eaeaea;}
#con_mission .item_02>strong{display:block; line-height:28px; margin-bottom:30px; text-align:center; font-weight:500; font-size:25px; color:#2c68c0;}
#con_mission .item_02>ul{overflow:hidden;}
#con_mission .item_02>ul>li{float:left; width:33.3%; padding:0px 10px; box-sizing:border-box;}
#con_mission .item_02>ul>li strong{line-height:24px; font-weight:500; font-size:20px; color:#222;}
#con_mission .item_02>ul>li .list_02{margin-bottom:0;}

@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 800px){
	#con_mission .item_01 li .lay{line-height:24px; font-size:16px;}
	#con_mission .item_02{padding:35px;}
	#con_mission .item_02>ul>li strong{line-height:18px; font-size:16px;}
}
@media screen and (max-width: 650px){
	#con_mission .item_01:after{height:100px;}
	#con_mission .item_02>ul>li{float:none; width:100%; padding:0;}
	#con_mission .item_02>ul>li:not(:nth-child(1)){padding-top:20px;}
}
@media screen and (max-width: 500px){
	#con_mission .item_01:after{height:70px;}
	#con_mission .item_01 li .lay{height:80px; line-height:18px; padding-left:95px; font-size:12px;}
	#con_mission .item_01 li .lay em{width:80px; height:80px; line-height:80px; font-size:14px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 연혁
	연관단어 : history

////////////////////////////////////////////////////////////////////////////// */
#con_history{}
#con_history .history_tab{}
#con_history .history_tab ul{overflow:hidden; border:1px solid #d1d1d3;}
#con_history .history_tab ul li{float:left; width:50%; box-sizing:border-box;}
#con_history .history_tab ul li:not(:nth-child(1)){border-left:1px solid #d1d1d3;}
#con_history .history_tab ul li a{
	display:block; line-height:40px; text-decoration:none; text-align:center; font-size:15px; color:#545454; background-color:#fff;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#con_history .titlehead{display:none; width:110px; height:42px; line-height:40px; margin:50px auto 0 auto; text-align:center; font-size:14px; border:1px solid #2c68c0; color:#2c68c0; background-color:#fff; box-sizing:border-box;}

#con_history .history_box{overflow:hidden; position:relative;}
#con_history .history_box:before{content:""; display:block; position:absolute; right:50%; top:50px; z-index:10; width:50%; height:330px; margin-right:40px; background:url(../../images/kor/content/history_bg.jpg) no-repeat right bottom; background-size:cover;}
#con_history .history_box>ul{position:relative; z-index:0;}
#con_history .history_box>ul>li{/*display:none;*/ position:relative; padding:0px 10px 0px 50%;}
#con_history .history_box>ul>li:before{content:""; display:block; position:absolute; left:50%; top:0; z-index:10; width:1px; height:100%; background-color:#2c68c0;}
#con_history .history_box>ul>li>.midd{position:relative; height:700px;}
#con_history .history_box>ul>li>.midd .mCustomScrollBox{overflow:visible !important;}
#con_history .history_box>ul>li>.midd .mCSB_container{overflow:visible !important;}
#con_history .history_box>ul>li>.midd .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#ddd !important;}
#con_history .history_box>ul>li>.midd .lis{padding:42px 0px 42px 0px;}
#con_history .history_box>ul>li>.midd .lis>li{position:relative; margin-top:59px; padding-left:40px;}
#con_history .history_box>ul>li>.midd .lis>li:first-child{margin-top:0;}
#con_history .history_box>ul>li>.midd .lis>li:before{
	content:""; display:block; position:absolute; left:-6px; top:6px; z-index:20; width:5px; height:5px; border:4px solid #fff; background-color:#2c68c0;
	box-shadow:0 0 0 1px #2c68c0;
	-webkit-box-shadow:0 0 0 1px #2c68c0;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_history .history_box>ul>li>.midd .lis>li>em{display:block; margin-bottom:15px; font-weight:600; font-size:22px; color:#0e0e0e;}
#con_history .history_box>ul>li>.midd .lis>li>ol>li{position:relative; line-height:27px; padding-left:50px; font-size:15px; color:#545454;}
#con_history .history_box>ul>li>.midd .lis>li>ol>li.noday{padding-left:0;}
#con_history .history_box>ul>li>.midd .lis>li>ol>li span{display:block; position:absolute; left:0; top:0; width:40px;}



#con_history .history_box>ul>li>.midd .lis:nth-child(2){background-color:#f3f4f6;}


#con_history.step_01 .titlehead.item_01,
#con_history.step_02 .titlehead.item_02{display:block;}
#con_history.step_01 .history_tab ul li:nth-child(1) a,
#con_history.step_02 .history_tab ul li:nth-child(2) a{color:#fff; background-color:#2c68c0;}
#con_history.step_01 .history_box>ul>li:nth-child(1),
#con_history.step_02 .history_box>ul>li:nth-child(2){display:block;}
@media screen and (max-width: 700px){
	#con_history .history_box:before{display:none;}
	#con_history .titlehead{margin-left:0;}
	#con_history .history_box>ul>li{padding-left:20px;}
	#con_history .history_box>ul>li:before{left:20px;}
	#con_history .history_box>ul>li>.midd{height:auto !important;}
	#con_history .history_box>ul>li>.midd .lis>li{margin-top:20px;}
	#con_history .history_box>ul>li>.midd .lis>li:before{top:3px;}
	#con_history .history_box>ul>li>.midd .lis>li>em{margin-bottom:10px;}
	#con_history .history_box>ul>li>.midd .lis>li>ol>li{line-height:20px; padding:3px 0px 3px 50px;}
	#con_history .history_box>ul>li>.midd .lis>li>ol>li span{top:3px;}
}





/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 경영공시
	연관단어 : gongsi

////////////////////////////////////////////////////////////////////////////// */
#con_gongsi{}
#con_gongsi .bx{position:relative; min-height:309px; padding:50px 50px 50px 390px; border:1px solid #eaeaea; box-sizing:border-box;}
#con_gongsi .bx:before{content:""; display:block; position:absolute; left:50px; top:50px; width:300px; height:209px; background:url(../../images/kor/content/gongsi_img_01.jpg) no-repeat center center;}
#con_gongsi .bx .head{line-height:25px; margin-bottom:20px; font-weight:500; font-size:20px; color:#0e0e0e;}
#con_gongsi .bx .midd{min-height:72px; line-height:24px; margin-bottom:20px; font-size:15px; color:#545454;}
@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (max-width: 700px){
	#con_gongsi .bx{padding:50px;}
	#con_gongsi .bx:before{position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; background-size:cover;}
	#con_gongsi .bx .midd{min-height:24px;}
}
@media screen and (max-width: 500px){
	#con_gongsi .bx{padding:30px;}
}
@media screen and (max-width: 500px){
	#con_gongsi .bx{padding:20px;}
	#con_gongsi .bx:before{height:150px;}
	#con_gongsi .bx .head{line-height:20px; margin-bottom:10px; font-size:16px;}
	#con_gongsi .bx .midd{line-height:18px; font-size:12px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : CI소개
	연관단어 : ci

////////////////////////////////////////////////////////////////////////////// */
#con_ci{}
#con_ci .bx{padding:35px; border:1px solid #eaeaea;}
#con_ci .bx ul{}
#con_ci .bx ul li{display:table; position:relative; min-height:133px; padding-left:315px;}
#con_ci .bx ul li:not(:nth-child(1)){margin-top:30px;}
#con_ci .bx ul li .photos{display:block; position:absolute; left:0; top:0; width:288px; height:133px; padding:6px; background:url(../../images/kor/content/service_box_patten.png) repeat; box-sizing:border-box;}
#con_ci .bx ul li .photos span{display:block; width:100%; height:100%; text-align:center; background-color:#fff;}
#con_ci .bx ul li .midd{display:table-cell; height:133px; line-height:24px; vertical-align:middle; font-size:15px; color:#545454;}
#con_ci .bx ul li .midd em{font-style:normal; color:#2c68c0;}

#con_ci .bx.type_02{text-align:center; background:url(../../images/kor/content/ci_box_patten.gif) repeat;}
#con_ci .bx.type_02 img{max-width:100%;}
#con_ci .btn_group{margin-top:50px; text-align:center;}
@media screen and (max-width: 650px){
	#con_ci .bx ul li,
	#con_ci .bx ul li .midd{display:block;}
	#con_ci .bx{padding:25px;}
	#con_ci .bx ul li{padding-left:0;}
	#con_ci .bx ul li .photos{position:relative; width:100%; height:auto; margin-bottom:20px;}
	#con_ci .bx ul li .photos span img{max-width:100%;}
	#con_ci .bx ul li .midd{height:auto;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 브로슈어
	연관단어 : bro

////////////////////////////////////////////////////////////////////////////// */
#con_bro{position:relative; min-height:498px; padding-left:424px;}
#con_bro .photos{position:absolute; left:0; top:0; width:391px; height:498px; padding:6px; background:url(../../images/kor/content/box_patten.png) repeat; box-sizing:border-box;}
#con_bro .photos img{width:100%;}
#con_bro .tes{min-height:498px; padding:35px 40px; border:1px solid #eaeaea; background-color:#f9f9f9; box-sizing:border-box;}
#con_bro .tes ul li{position:relative; line-height:22px; padding:5px 0px 5px 36px; font-size:15px; color:#545454;}
#con_bro .tes ul li em{position:absolute; left:0; top:0; line-height:22px; padding:5px 0px; font-weight:500; font-size:16px; color:#2b66c2;}
#con_bro .tes .btn_group{margin-top:20px; text-align:center;}
#con_bro .tes .btn_group .btn{width:150px; margin:2px 4px;}
@media screen and (min-width: 1024px) and (max-width: 1150px), screen and (max-width: 750px){
	#con_bro{padding-left:0;}
	#con_bro .photos{position:relative; margin:0 auto 30px auto;}
	#con_bro .tes{min-height:10px;}
}
@media screen and (max-width: 450px){
	#con_bro .photos{max-width:391px; width:100%; height:auto;}
	#con_bro .tes{min-height:10px; padding:15px 20px;}
	#con_bro .tes .btn_group .btn{width:100%; margin:2px 0px;}
	#con_bro .tes ul li{line-height:16px; padding:3px 0px 3px 30px; font-size:13px;}
	#con_bro .tes ul li em{line-height:16px; padding:3px 0px; font-size:13px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 윤리경영
	연관단어 : yunri

////////////////////////////////////////////////////////////////////////////// */
#con_yunri{}
#con_yunri .bx{padding:25px; border:1px solid #eaeaea; background-color:#f9f9f9;}
#con_yunri .table .hidden_title{display:none;}
@media screen and (max-width: 700px){
	#con_yunri .table thead{display:none;}
	#con_yunri .table,
	#con_yunri .table tbody,
	#con_yunri .table tr,
	#con_yunri .table th,
	#con_yunri .table td{display:block;}
	#con_yunri .table tbody td:nth-child(2){padding-top:10px;}
	#con_yunri .table tbody td:nth-child(3){padding-bottom:10px;}
	#con_yunri .table tbody tr:not(:nth-child(1)) th{border-top:1px solid #bbb;}
	#con_yunri .table tbody tr th{border-right:none;}
	#con_yunri .table td{border:none;}
	#con_yunri .table .hidden_title{display:block;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 오시는길
	연관단어 : maps

////////////////////////////////////////////////////////////////////////////// */
#con_maps{}
#con_maps .root_daum_roughmap .wrap_map{height:500px;}
#con_maps .daum_map_info{margin:25px 0px;}
#con_maps .daum_map_info ul{display:table; width:100%;}
#con_maps .daum_map_info ul li{display:table-cell; width:auto; line-height:26px; font-size:18px; color:#545454;}
#con_maps .daum_map_info ul li:nth-child(2){width:160px;}
#con_maps .daum_map_info ul li:nth-child(3){width:160px;}
#con_maps .daum_map_info ul li em{display:block; font-weight:normal; font-style:normal; color:#2c68c0;}

#con_maps .map_list{}
#con_maps .map_list>li{position:relative; padding:40px 0px 40px 190px; border-bottom:1px solid #ddd;}
#con_maps .map_list>li:before{content:""; display:block; position:absolute; left:35px; top:40px; width:114px; height:114px; background-position:center center; background-repeat:no-repeat;}
#con_maps .map_list>li:nth-child(1):before{background-image:url(../../images/kor/content/maps_icon_03.png);}
#con_maps .map_list>li:nth-child(2):before{background-image:url(../../images/kor/content/maps_icon_01.png);}
#con_maps .map_list>li:nth-child(3):before{background-image:url(../../images/kor/content/maps_icon_02.png);}
#con_maps .map_list>li strong{display:block; line-height:28px; margin-bottom:15px; font-size:22px; color:#0e0e0e;}
#con_maps .map_list>li div{line-height:24px; margin-bottom:10px; font-size:15px; color:#545454;}
#con_maps .map_list>li em{font-weight:600;}
#con_maps .map_list>li .list_02{margin-top:0;}
@media screen and (max-width: 700px){
	#con_maps .root_daum_roughmap .wrap_map{height:400px;}
}
@media screen and (max-width: 650px){
	#con_maps .root_daum_roughmap .wrap_map{height:300px;}
	#con_maps .daum_map_info ul,
	#con_maps .daum_map_info ul li{display:block; width:100%; line-height:20px; font-size:12px;}
	#con_maps .daum_map_info ul li:not(:nth-child(1)){margin-top:20px;}
	#con_maps .daum_map_info ul li em{margin-bottom:5px; font-size:16px;}
	#con_maps .map_list>li{padding:20px 0px 20px 110px;}
	#con_maps .map_list>li:before{left:20px; top:20px; width:70px; height:70px; background-size:100% auto;}
	#con_maps .map_list>li strong{line-height:24px; margin-bottom:5px; font-size:18px;}
	#con_maps .map_list>li div{line-height:20px; font-size:12px;}
}
@media screen and (max-width: 400px){
	#con_maps .daum_map_info{margin:20px 0 0 0;}
	#con_maps .daum_map_info ul li:not(:nth-child(1)){margin-top:20px;}
	#con_maps .map_list>li{padding-left:0;}
	#con_maps .map_list>li:before{display:none;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 개인정보보호정책
	연관단어 : udata

////////////////////////////////////////////////////////////////////////////// */
#con_udata{}
#con_udata .udata{margin-top:20px;}
#con_udata .udata>ul>li{border-bottom:1px solid #eaeaea;}
#con_udata .udata .head{line-height:24px; font-size:18px; color:#222;}
#con_udata .udata .head a{display:block; position:relative; padding:20px 80px 6px 50px; text-decoration:none;}
#con_udata .udata .head a:link,
#con_udata .udata .head a:visited,
#con_udata .udata .head a:active{color:#222;}
#con_udata .udata .head a:hover{color:#2b66c2;}
#con_udata .udata .head a:after{
	content:""; display:block; position:absolute; right:30px; top:50%; width:19px; height:11px; margin-top:-5px; background:url(../../images/kor/content/udata_icon_down.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;

}
#con_udata .udata .midd{display:none; line-height:27px; padding:30px; font-size:15px; color:#545454; background-color:#f9f9f9;}
#con_udata .udata .table .hidden_title{display:none; line-height:15px; margin-top:7px; font-weight:600;}

#con_udata .udata>ul>li.on .midd{display:block;}
#con_udata .udata>ul>li.on .head a{color:#2b66c2;}
#con_udata .udata>ul>li.on .head a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
@media screen and (max-width: 700px){
	#con_udata .udata .table thead{display:none;}
	#con_udata .udata .table,
	#con_udata .udata .table tbody,
	#con_udata .udata .table td,
	#con_udata .udata .table tr,
	#con_udata .udata .table .hidden_title{display:block;}
	#con_udata .udata .table tr td{text-align:left !important;}
	#con_udata .udata .table:not(.small) tr td:first-child{border-left:1px solid #bbb !important;}
	#con_udata .udata .table:not(.small) tr td:last-child{border-right:1px solid #bbb !important;}

	#con_udata .udata .table.small .hidden_title{display:inline-block;}
	#con_udata .udata .table.small .hidden_title:before{content:"ㆍ";}
	#con_udata .udata .table.small tr{padding:10px 15px;}
	#con_udata .udata .table.small tbody tr{border-bottom:1px solid #bbb; background-color:#fff;}
	#con_udata .udata .table.small tr td{padding:0; border:none;}


	#con_udata .udata .head{line-height:20px; font-size:14px;}
	#con_udata .udata .head a{padding:14px 80px 8px 40px;}
	#con_udata .udata .midd{line-height:18px; padding:20px; font-size:12px;}
}






/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 이메일무단수집거부
	연관단어 : email

////////////////////////////////////////////////////////////////////////////// */
#con_email{padding:10px 10px 0 0;}
#con_email .con{position:relative;}
#con_email .con:before,
#con_email .con:after{content:""; display:block; position:absolute; z-index:0; width:100%; height:100%; border:1px solid #eaeaea; background-color:#fff;}
#con_email .con:before{right:-5px; top:-5px; z-index:1;}
#con_email .con:after{right:-10px; top:-10px; z-index:0;}
#con_email .con .bx{position:relative; z-index:10; padding:75px 50px; border:1px solid #eaeaea; background-color:#fff;}
#con_email .con .bx .head{margin-bottom:40px; text-align:center;}
#con_email .con .bx .head strong{display:block; line-height:26px; margin-bottom:20px; font-weight:normal; font-size:25px; color:#0e0e0e;}
#con_email .con .bx .head strong em{font-weight:600;}
#con_email .con .bx .head span{display:block; line-height:24px; font-size:15px; color:#545454;}
#con_email .con .bx .midd{}
#con_email .con .bx .midd .etcs{text-align:center;}
#con_email .con .bx .midd .etcs .btn{width:250px; height:50px; line-height:48px;}
#con_email .con .bx .midd .etcs .btn:nth-child(1){margin-right:5px;}
#con_email .con .bx .midd .etcs .btn:nth-child(2){margin-left:5px;}
@media screen and (max-width: 700px){
	#con_email .con .bx .midd .etcs .btn{width:200px; height:40px; line-height:38px;}
}
@media screen and (max-width: 600px){
	#con_email .con .bx{padding:50px 30px;}
	#con_email .con .bx .head{margin-bottom:20px;}
	#con_email .con .bx .head strong{line-height:21px; margin-top:10px; font-size:20px;}
	#con_email .con .bx .head span{line-height:20px; font-size:12px;}
	#con_email .con .bx .midd .etcs .btn{width:160px;}
}
@media screen and (max-width: 500px){
	#con_email .con .bx{padding:30px;}
	#con_email .con .bx .midd .etcs .btn{width:100%; margin:4px 0 !important;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 저작권보호정책
	연관단어 : protect

////////////////////////////////////////////////////////////////////////////// */
#con_protect{}
#con_protect .nuri_box{}
#con_protect .nuri_box ul{overflow:hidden;}
#con_protect .nuri_box ul li{float:left; width:50%; box-sizing:border-box;}
#con_protect .nuri_box ul li:nth-child(1){padding-right:10px;}
#con_protect .nuri_box ul li:nth-child(2){padding-left:10px;}
#con_protect .nuri_box ul li .lay{text-align:center; border:1px solid #eaeaea;}
#con_protect .nuri_box ul li .lay img{max-width:100%;}
#con_protect .bx{padding:25px 30px; border:1px solid #eaeaea; background-color:#f9f9f9;}
#con_protect .table .hidden_title{display:none; line-height:15px; margin-top:7px; font-weight:600;}
@media screen and (max-width: 700px){
	#con_protect .table thead{display:none;}
	#con_protect .table,
	#con_protect .table tbody,
	#con_protect .table td,
	#con_protect .table tr,
	#con_protect .table .hidden_title{display:block;}
	#con_protect .table tr td{text-align:left !important;}
	#con_protect .table .hidden_title{display:inline-block;}
	#con_protect .table .hidden_title:before{content:"ㆍ";}
	#con_protect .table tr{padding:10px 15px;}
	#con_protect .table tbody tr{border-bottom:1px solid #bbb; background-color:#fff;}
	#con_protect .table tr td{padding:0; border:none;}
	#con_protect .table tr td:nth-child(4) .hidden_title{display:block;}
}
@media screen and (max-width: 500px){
	#con_protect .nuri_box ul li{float:none; width:100%; padding:5px 0 !important;}
	#con_protect .bx{padding:15px 20px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 주요연락처 안내
	연관단어 : call

////////////////////////////////////////////////////////////////////////////// */
#con_call{}
#con_call .call_lists{}
#con_call .call_lists ul{overflow:hidden;}
#con_call .call_lists ul li{float:left; position:relative; width:50%; height:120px; margin:50px 0 0 0; padding-left:180px; box-sizing:border-box;}
#con_call .call_lists ul li:nth-child(1),
#con_call .call_lists ul li:nth-child(2){margin-top:20px;}
#con_call .call_lists ul li [class*="icon_"]{
	position:absolute; left:40px; top:0; width:120px; height:120px; 
	border-radius:50%;
	-webkit-border-radius:50%;
}
#con_call .call_lists ul li [class*="icon_"]:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
#con_call .call_lists ul li .icon_01{background-color:#44a8f4;}
#con_call .call_lists ul li .icon_02{background-color:#018fe5;}
#con_call .call_lists ul li .icon_03{background-color:#448ff5;}
#con_call .call_lists ul li .icon_04{background-color:#2b66c2;}
#con_call .call_lists ul li .icon_05{background-color:#1856b7;}
#con_call .call_lists ul li .icon_01:before{background-image:url(../../images/kor/content/call_icon_04.png);}
#con_call .call_lists ul li .icon_02:before{background-image:url(../../images/kor/content/call_icon_01.png);}
#con_call .call_lists ul li .icon_03:before{background-image:url(../../images/kor/content/call_icon_02.png);}
#con_call .call_lists ul li .icon_04:before{background-image:url(../../images/kor/content/call_icon_03.png);}
#con_call .call_lists ul li .icon_05:before{background-image:url(../../images/kor/content/call_icon_05.png);}
#con_call .call_lists ul li .tes{display:table-cell; width:100%; height:120px; text-align:left; vertical-align:middle; font-weight:500; font-size:25px; color:#545454;}
#con_call .call_lists ul li .tes em{display:block; line-height:19px; margin-bottom:13px; font-size:18px; color:#2b9aef;}
@media screen and (max-width: 1100px){
	#con_call .call_lists ul li{padding-left:140px;}
	#con_call .call_lists ul li [class*="icon_"]{left:0;}
}
@media screen and (max-width: 800px){
	#con_call .call_lists ul li{float:none; width:100%;}
	#con_call .call_lists ul li:nth-child(1){margin-top:0px;}
	#con_call .call_lists ul li:nth-child(2),
	#con_call .call_lists ul li:nth-child(3),
	#con_call .call_lists ul li:nth-child(4){margin-top:30px;}
}
@media screen and (max-width: 500px){
	#con_call .call_lists ul li{height:90px; padding-left:110px;}
	#con_call .call_lists ul li [class*="icon_"]{width:90px; height:90px;}
	#con_call .call_lists ul li .tes{height:90px; font-size:18px;}
	#con_call .call_lists ul li .tes em{margin-bottom:8px; font-size:14px;}
	#con_call .call_lists ul li:nth-child(2),
	#con_call .call_lists ul li:nth-child(3),
	#con_call .call_lists ul li:nth-child(4){margin-top:20px;}
}




/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사이트도움말
	연관단어 : help

////////////////////////////////////////////////////////////////////////////// */
#con_help{}
#con_help .bx{padding:35px; border:1px solid #eaeaea;}
#con_help .bx .head{line-height:28px; font-size:20px;}
@media screen and (max-width: 700px){
	#con_help .bx{padding:20px;}
	#con_help .bx .head{line-height:22px; font-size:16px;}
}



.con_summary_type2 {}
.con_summary_type2 > ul {border:1px solid #eaeaea} 
.con_summary_type2 > ul > li{padding:0 20px 20px 20px; }
.con_summary_type2 > ul > li:not(:first-child){ border-top:1px solid #eaeaea}
.con_summary_type2 > ul > li:nth-child(even){ background: #f9f9f9}



/* 추가된 내용 220906*/

.databox *,
.databox *::before,
.databox *::after{box-sizing:border-box;}
.databox{margin-bottom:2em; font-size:16px;}
.databox a{text-decoration:none;}
/* 개인정보처리방침 */
.databox>.head{text-align:center;}
.databox>.head>strong{font-weight:500; font-size:1.4117em; color:#333;padding-top: 30px;display: block;}
.databox>.midd{letter-spacing:-0.06em;}
.databox>.midd>.head>ul{display:flex;}
.databox>.midd>.head>ul>li{width:100%;}
.databox>.midd>.head>ul>li:not(:last-child){margin-right:0.588em;}
.databox>.midd>.head>ul>li>span,
.databox>.midd>.head>ul>li>strong{
    display:flex; flex-direction:column; align-items:center; height:100%; padding:1.5em 1em; color:#555; background-color:#F5F5F5; border-radius:0.4em;
    -webkit-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
}
.databox>.midd>.head>ul>li>strong{color:#fff;background-color: #2c68c0;}
.databox>.midd>.head>ul>li a{display:flex; flex-direction:column; align-items:center; height:100%; color:inherit;}
.databox>.midd>.head>ul>li a::before{
    content:""; width:8.4em; height:8.4em; margin-bottom:1.5em; font-size:0.5882em;
    background-color:#fff; background-image:url(/images/kor/content/user-data.svg); background-repeat:no-repeat; background-size:60em auto;
    border-radius:50%;
}
.databox>.midd>.head>ul>li:nth-child(1) a::before{background-position:0 0;}
.databox>.midd>.head>ul>li:nth-child(2) a::before{background-position:calc(-8.4em * 1) 0;}
.databox>.midd>.head>ul>li:nth-child(3) a::before{background-position:calc(-8.4em * 2) 0;}
.databox>.midd>.head>ul>li:nth-child(4) a::before{background-position:calc(-8.4em * 3) 0;}
.databox>.midd>.head>ul>li:nth-child(5) a::before{background-position:calc(-8.4em * 4) 0;}
.databox>.midd>.head>ul>li:nth-child(6) a::before{background-position:calc(-8.4em * 5) 0;}
.databox>.midd>.head>ul>li a>span{line-height:1.3; text-align:center; font-weight:500; font-size:1em; color:inherit;}
.databox>.midd>.midd>ul>li{display:none; position:relative;padding: 2.5em 0 4.5em; border:1px solid #E0E0E0; border-radius:1em;}
.databox>.midd>.midd>ul>li>ul{/* display:flex; *//* flex-wrap: nowrap; */ position:relative;}
/* .databox>.midd>.midd>ul>li>ul::before{content:""; display:block; position:absolute; left:50%; top:0; width:1px; height:100%;border-right:1px dashed #ddd;} */
.databox>.midd>.midd>ul>li>ul>li{/* width:50%; */ padding:0 2.5em;}
.databox>.midd>.midd>ul>li>ul>li:nth-child(n+3){margin-top:2.5em;}
.databox>.midd>.midd>ul>li>ul>li>.head{padding-bottom:0.3em; margin-bottom:0.5em; border-bottom:1px solid #1768C7;}
.databox>.midd>.midd>ul>li>ul>li>.head>strong{position:relative; padding-left:14px; font-weight:500; font-size:1.058em; color:#1768C7;}
.databox>.midd>.midd>ul>li>ul>li>.head>strong::before{content:""; display:block; position:absolute; left:0; top:0.4em; width:5px; height:5px; background-color:#1768C7; border-radius:50%;}
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li{/* display:flex; */float: left;margin-right: 20px;/* padding-right: 10px; *//* width: 30%; */padding:0.1em 0; color:#333;}
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>strong,
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>span{font-size:0.9117em;}
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>strong{width:9em; font-weight:500;}
.databox>.midd>.midd>ul>li>ul>li>.midd>ul>li>span>em{display:block; font-style:normal; font-size:0.9em; color:#C24F4F;}
.databox>.midd>.midd>ul>li>ul>li>.midd table{width:100%; margin-top:0.9em;}
.databox>.midd>.midd>ul>li>ul>li>.midd table caption{opacity:0; position:absolute; font-size:0; color:transparent;}
.databox>.midd>.midd>ul>li>ul>li>.midd table th,
.databox>.midd>.midd>ul>li>ul>li>.midd table td{font-size:0.9em;}
.databox>.midd>.midd>ul>li>.foot{padding:0.5em 2.5em 0;}
.databox>.midd>.midd>ul>li>.foot .tip{padding-left:0; font-size:0.9em; color:#C24F4F;}
.databox>.midd>.midd>ul>li>.foot .tip::after{display:none;}
.databox>.midd>.midd>ul>li>p{font-size:0.9em;}
.databox>.midd>.midd>ul>li>p.left{text-align:left;}
.databox>.midd>.midd>ul>li>p.center{text-align:center;}
.databox>.midd>.midd>ul>li>p.right{text-align:right;}
.databox>.midd>.midd>ul>li .close{position:absolute; right:1em; top:1em; width:1.5em; height:1.5em; font-size:1em; cursor:pointer; border:none; background:none;}
.databox>.midd>.midd>ul>li .close::before,
.databox>.midd>.midd>ul>li .close::after{
    content:""; display:block; position:absolute; left:0; top:calc(50% - 1px); width:100%; height:2px; background-color:#333; border-radius:2px;
    -webkit-transition:transform 0.3s linear; transition:transform 0.3s linear;
}
.databox>.midd>.midd>ul>li .close::before{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.databox>.midd>.midd>ul>li .close::after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.databox>.midd>.midd>ul>li .close:hover::before{-webkit-transform:rotate(225deg); transform:rotate(225deg);}
.databox>.midd>.midd>ul>li .close:hover::after{-webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.databox>.midd>.midd>ul>li .close>span{opacity:0; position:absolute;}

.databox>.head+.midd,
.databox>.midd>.head+.midd{margin-top:1.5em;}

.databox[data-page="1"]>.midd>.midd>ul>li:nth-child(1),
.databox[data-page="2"]>.midd>.midd>ul>li:nth-child(2),
.databox[data-page="3"]>.midd>.midd>ul>li:nth-child(3),
.databox[data-page="4"]>.midd>.midd>ul>li:nth-child(4),
.databox[data-page="5"]>.midd>.midd>ul>li:nth-child(5),
.databox[data-page="6"]>.midd>.midd>ul>li:nth-child(6){display:block;}


.datalist *,
.datalist *::before,
.datalist *::after{box-sizing:border-box;}
.datalist{margin-top:3em; margin-bottom:2em; letter-spacing:-0.06em; font-size:16px;}
.datalist>.head{text-align:center;}
.datalist>.head>strong{font-weight:500; font-size:1.4117em; color:#333;}
.datalist>.midd{display:flex;padding: 2.5em 1.5em; border:1px solid #E0E0E0; border-radius:0.4em;}
.datalist>.midd>ul{display:flex; flex-wrap:wrap;}
.datalist>.midd>ul>li{width:50%; padding:0 1em;}
.datalist>.midd>ul>li:nth-child(n+3){margin-top:1.1em;}
.datalist>.midd>ul>li>a{font-weight:400; font-size:1.0588em; color:#222;line-height: 1.6;}
.datalist>.midd>ul>li>a:hover{text-decoration:underline;}

.datalist>.head+.midd{margin-top:1.5em;}

[data-icon*="userData-"]{display:block; position:relative; min-height:2.1em; padding:0.35em 0 0 3em; font-size:inherit; color:inherit;}
h5>[data-icon*="userData-"]{padding-left:2.5em;}
[data-icon*="userData-"]::before{content:""; display:block; position:absolute; left:0; top:calc(50% - 1.8em); width:3.6em; height:3.6em; font-size:0.5882em; background-image:url(/images/kor/content/user-data.svg); background-repeat:no-repeat; background-size:60em auto;}
[data-icon="userData-1"]::before{background-position:calc(-3.6em * 0) -10em;}
[data-icon="userData-2"]::before{background-position:calc(-3.6em * 1) -10em;}
[data-icon="userData-3"]::before{background-position:calc(-3.6em * 2) -10em;}
[data-icon="userData-4"]::before{background-position:calc(-3.6em * 3) -10em;}
[data-icon="userData-5"]::before{background-position:calc(-3.6em * 4) -10em;}
[data-icon="userData-6"]::before{background-position:calc(-3.6em * 5) -10em;}
[data-icon="userData-7"]::before{background-position:calc(-3.6em * 6) -10em;}
[data-icon="userData-8"]::before{background-position:calc(-3.6em * 7) -10em;}
[data-icon="userData-9"]::before{background-position:calc(-3.6em * 8) -10em;}
[data-icon="userData-10"]::before{background-position:calc(-3.6em * 9) -10em;}
[data-icon="userData-11"]::before{background-position:calc(-3.6em * 10) -10em;}
[data-icon="userData-12"]::before{background-position:calc(-3.6em * 11) -10em;}
[data-icon="userData-13"]::before{background-position:calc(-3.6em * 12) -10em;}
[data-icon="userData-14"]::before{background-position:calc(-3.6em * 13) -10em;}
[data-icon="userData-15"]::before{background-position:calc(-3.6em * 14) -10em;}
[data-icon="userData-16"]::before{background-position:calc(-3.6em * 15) -10em;}
[data-icon="userData-17"]::before{background-position:calc(-3.6em * 16) -10em;}
[data-icon="userData-18"]::before{background-position:calc(-3.6em * 17) -10em;}
@media screen and (max-width: 900px) {
    .databox[data-page]>.midd>.midd{display: block;/* padding: 10px; */align-items:center;justify-content:center;position:fixed; left:0;top:0; z-index:1000;width:100%;height:calc(100% - 4.1176em); padding:1.5em; margin-top:4.1176em; background-color:rgba(0,0,0,0.7);}
    .databox[data-page]>.midd>.midd>ul{max-height:100%; background-color:#fff; border-radius:1em;}
    .databox[data-page]>.midd>.midd>ul>li{border:none;padding-left: 10px;}
    .databox[data-page]>.midd>.midd>ul>li>ul::before{display:none;}
    .databox[data-page]>.midd>.midd>ul>li>ul>li{width:100%; padding:0;}
    .databox[data-page]>.midd>.midd>ul>li>ul>li:nth-child(n+2){margin-top:2em;}
    .databox>.midd>.midd>ul>li>.foot{padding:0.5em 0 0 0;}
    .databox>.midd>.head>ul{overflow:auto;}

    .datalist>.midd{padding:2em;}
    .datalist>.midd>ul>li{width:calc((100% - 1em) / 2); padding:0;}
    .datalist>.midd>ul>li:nth-child(2n+1){margin-right:1em;}
}
@media screen and (max-width: 600px) {
    .datalist>.midd>ul>li{width:100%; margin-right:0 !important;}
    .datalist>.midd>ul>li:nth-child(n+2){margin-top:0.6em;}
}

/* 20230209 연구사업-목표 */
.obj_txt>* { text-align:center; } 
.ob_txt1 { display: block; font-weight: 500; font-size: 1.4rem; width: 200px; height:50px; line-height: 50px; margin: 0 auto; color: #ffffff; background-color: #2B9AEF; box-sizing: border-box; border-radius: 50px; } 

.obj_txt { content:""; display:block; height: 320px; background:url(../../images/kor/content/mission_bg.gif) no-repeat center bottom; background-size:100% auto; z-index: -1; } 
.ob_txt2 { font-size: 1.8rem; font-weight:700; color:#2c68c0; line-height:1.4; } 


.dep_01 { box-sizing: border-box; width: 100%; border:5px solid #f1f1f1; padding: 5px; padding: 40px 60px; margin-top: -50px; } 

.dep_02 { display:flex; } 
.dep_03 { /* border:1px solid red; */
margin-right:10px; width: calc((100% / 4) - 8px); text-align: center; } 
.dep_03:nth-child(4) { margin:0px; } 

.obj_info { margin-top:20px; font-weight:500; line-height: 1.4; font-size: 1.1rem; } 

@media screen and (max-width: 1200px){
 .obj_txt { height:280px; } 
 .dep_01 { margin-top:-20px; } 
 }
 
@media screen and (max-width: 900px){
 .dep_02 { flex-flow: row wrap; justify-content: space-between; } 
.dep_03 { margin-right:0px; width: calc((100% / 2) - 2px); } 
.dep_03:nth-child(n+3) { margin-top:20px } 
.dep_01 { padding: 20px; } 
.obj_info { font-size:0.9rem; } 
.ob_txt2 { font-size: 1.4rem; } 
.ob_txt2 span { display:none; } 
.ob_txt1 { font-size: 1.2rem; width: 180px; height: 40px; line-height: 40px; } 
.obj_txt {height:240px; } 
 }

@media screen and (max-width: 600px)
 {
    .obj_txt { height:200px; } 
 .dep_01 { padding: 10px; } 
 .dep_01 { margin-top:-10px; } 
 .obj_info br { display:none !important; } 
 }