@charset "utf-8";

@media all and (min-width:768px){
	ul.basic_process.lms_process li, ul.basic_process.process4 li {width:25% !important;}
}

/*============================================================================================================================
													정적 페이지 설정
=============================================================================================================================*/
/* 기본 CSS */
.uniweek_title13 {margin-left:0; padding:0 0 15px 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('/contents/page/image/common/icon_title_uniweek.png') no-repeat left 6px;}
.comma:after{content:',';}
.comma:last-child:after{content:'';}

/*======================================
			모바일용 CSS
========================================*/
.btn_top_area {float:left;width:100%;}

/*=======================
 	정적페이지-공통부분
=========================*/
h4.main {margin-top:30px;margin-bottom:10px;text-align:left;vertical-align:top;font-size:18px; line-height:14px;}
h4.main span {display:inline-block;width:3px;height:18px;background:#004f96;vertical-align:top;margin:-3px 10px 0 0;}
h5.main {margin-top:30px;margin-bottom:10px;text-align:left;vertical-align:top;font-size:18px;}
h5.main span {display:inline-block;width:20px;height:4px;background:#00a6b6;vertical-align:top;margin-right:10px;margin-top:10px;}
h5.main .sub_span{background:#bdbdbd;}

.anchorpoint {width:100%;background:#f7f7f7;border:1px solid #aeaeae;margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.anchorpoint li {list-style:none;display:inline-block;}
.anchorpoint li a {border-right:1px solid #bfbfbf;width:100%;line-height:3;font-size:16px;padding:0 20px;}
.anchorpoint li:last-child a {border-right:none;}
.anchorpoint li a.on{font-weight:bold;}
.anchorpoint li a:hover {font-weight:bold;}
.anchorpoint a.pc_view {display:none;}
.anchorpoint a.mobile_view {display:block;}

.page-list-table {width:100%; background:#fff;}
.page-list-table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.page-list-table thead, .page-list-table tbody {font-size:14px;text-align:center;}
.page-list-table thead {color:#333;}
.page-list-table tbody, .board_table tbody a {color:#333;}
.page-list-table tr th {padding:14px 8px; background:#fafafa; border-top:2px solid #666; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.page-list-table tr td {padding:14px 8px; border-bottom:1px dashed #d9d9d9; vertical-align:middle;}
.page-list-table tr:last-child td {padding:14px 8px; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.page-list-table tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.page-list-table tr td a:hover {text-decoration:underline;}
.page-list-table tr td.subject a:hover {text-decoration:underline;}
.page-list-table tr td.subject.txt_lock {padding-left:25px; background:url('images/board/txt_lock.png') no-repeat 10px center;}

.page_hz_sub {width:100%; border-top:2px solid #b3b3b3;border-collapse:collapse;}
.page_hz_sub thead th {padding:8px 0; border-bottom:1px solid #d9d9d9;  background-color:#e7e7e7; font-size:12px; font-weight:bold; text-align:center;}
.page_hz_sub tbody {border-top:none;}
.page_hz_sub tbody td {padding:8px 0; border-bottom:1px solid #d9d9d9; color:#878787; font-size:11px; font-weight:normal; text-align:center; word-break:break-all;}
.page_hz_sub tbody td.subject01 {padding:8px 0; text-align:left; word-break:break-all;}

.page_hz_dtable {width:100%; background:#fff;}
.page_hz_dtable caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.page_hz_dtable thead, .page_hz_dtable tbody {font-size:14px; text-align:center;}
.page_hz_dtable thead {color:#333;}
.page_hz_dtable tbody, .board_table tbody a {color:#333;}
.page_hz_dtable thead tr th {padding:14px 3px; background:#fafafa; border-top:2px solid #666; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.page_hz_dtable thead tr th.in_th {padding:14px 3px; background:#fafafa; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; vertical-align:middle;}
.page_hz_dtable thead tr th.rnone {border-right:none;}
.page_hz_dtable tbody tr td {padding:14px 3px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; vertical-align:middle;}
.page_hz_dtable tbody tr td.subject {text-align:left; padding:14px 10px; line-height:18px;}
.page_hz_dtable tbody tr td a {}
.page_hz_dtable tbody tr td.subject a:hover {text-decoration:underline;}
.page_hz_dtable tbody tr td.rnone {border-right:none;}
.page_hz_dtable tbody tr td.bg {background:#fafafa;}

.wrap_exhibition .anchorpoint {margin-bottom:0;padding-top:0;margin-left:2.5%;height:200px;text-align:center;border:none;background:none;box-shadow:none;}
.wrap_exhibition .anchorpoint li {list-style:none;float:left;width:32.9%;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:first-child, .wrap_exhibition .anchorpoint li:nth-child(2), .wrap_exhibition .anchorpoint li:nth-child(3) {border-top:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:last-child {border-right:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:nth-child(3n) {border-right:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:after {display:block;content:"";clear:both;}
.wrap_exhibition .anchorpoint a {display:inline-block;width:100%;line-height:3;text-align:center;font-size:13px;padding-right:0;padding-left:0;font-weight:normal;}
.wrap_exhibition .anchorpoint a.on {background:#e37000;color:#ffffff;}

.wrap_education_center .anchorpoint {margin-bottom:30px;padding-top:0;margin-left:2.5%;height:240px;text-align:center;border:none;background:none;box-shadow:none;}
.wrap_education_center .anchorpoint li {list-style:none;float:left;width:32.9%;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.wrap_education_center .anchorpoint li:first-child, .wrap_education_center .anchorpoint li:nth-child(2), .wrap_education_center .anchorpoint li:nth-child(3) {border-top:1px solid #d9d9d9;}
.wrap_education_center .anchorpoint li:last-child {border-right:1px solid #d9d9d9;}
.wrap_education_center .anchorpoint li:nth-child(3n) {border-right:1px solid #d9d9d9;}
.wrap_education_center .anchorpoint li:after {display:block;content:"";clear:both;}
.wrap_education_center .anchorpoint a {display:inline-block;width:100%;line-height:3;text-align:center;font-size:13px;padding-right:0;padding-left:0;font-weight:normal;}
.wrap_education_center .anchorpoint a.on {background:#e37000;color:#ffffff;}

/*=====================
 	목표과 연역
======================*/
.wrap_purpose, .wrap_history {width:100%;padding:0;position:relative;}
.wrap_purpose p {width:60%;margin:0 auto;line-height:1.5;vertical-align:middle;margin-bottom:40px;}
.wrap_purpose h4, .wrap_history h4 {}
.wrap_purpose h4 span, .wrap_history h4 span {}
.wrap_purpose > ul {text-align:center;}
.wrap_purpose > ul li {width:80%; margin:0 auto;list-style:none;line-height:4;color:#fff;margin-bottom:13px; position:relative;}
.wrap_purpose ul li.element_one {background-color:#ab9073;border:10px #917353 solid;}
.wrap_purpose ul li.element_one_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 30px auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_purpose ul li.element_two {background-color:#45a9a3;border:10px #338b86 solid;}
.wrap_purpose ul li.element_two_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 30px auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_purpose ul li.element_three {background-color:#4fa7bd;border:10px #4193a7 solid;}
.wrap_purpose ul li.element_three_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 0 auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_purpose ul > li h5 {width:75px; height:20px;padding-top:20px;display:inline-block; text-align:right; position:absolute; bottom:50px; left:50%; margin-left:-73px;}
.wrap_purpose ul > li span {font-size:20px;font-weight:bold;display:inline-block; padding-left:73px;}
.wrap_purpose {width:96%;margin:0 auto;}

.wrap_history{width:96%;margin:0 auto;}
.wrap_history .anchorpoint {width:100%;}
.wrap_history > div {width:80%;margin:0 auto;text-align:center;}
.wrap_history > div > img {width:40%;max-width:200px;margin-bottom:20px;}
.wrap_history > div p {text-align:left;width:80%;padding-top:0px;margin-left:20%;line-height:1.8;position:relative;font-size:14px;}
.wrap_history > div p span {width:20%;position:absolute;right:100%;font-weight:bold;}
.wrap_history > div.twenithC h5, .wrap_history > div.from1972 h5 {color:#e35e00;font-size:24px;text-align:left; margin:15px 0 5px 0;}
.wrap_history > div.nineteenthC {margin-top:50px;}
.wrap_history > div.nineteenthC h5 {color:#3975c6;text-align:left;font-size:24px; margin:15px 0 5px 0;}
.wrap_history > div.twenithC h5 span {width:12px;height:12px;border-radius:100%;background:#e37000;display:inline-block;vertical-align:middle;margin-right:19px;}
.wrap_history > div.nineteenthC h5 span {width:12px;height:12px;border-radius:100%;background:#3975c6;display:inline-block;vertical-align:middle;margin-right:17px;}
.wrap_history > div.from1972 h5 span {width:12px;height:12px;border-radius:100%;background:#e37000;display:inline-block;vertical-align:middle;margin-right:20px;}

/*=====================
 	영문 목표과 연역
======================*/
.wrap_en_purpose, .wrap_en_history {width:100%;padding:0;position:relative;}
.wrap_en_purpose p {width:60%;margin:0 auto;line-height:1.5;vertical-align:middle;margin-bottom:40px;}
.wrap_en_purpose h4, .wrap_en_history h4 {}
.wrap_en_purpose h4 span, .wrap_en_history h4 span {}
.wrap_en_purpose > ul {text-align:center;}
.wrap_en_purpose > ul  li {width:80%;margin:0 auto;list-style:none;line-height:18px; padding-bottom:20px;color:#fff;margin-bottom:13px; position:relative;}
.wrap_en_purpose ul li.element_one {background-color:#ab9073;border:10px #917353 solid;}
.wrap_en_purpose ul li.element_one_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 30px auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_en_purpose ul li.element_two {background-color:#45a9a3;border:10px #338b86 solid;}
.wrap_en_purpose ul li.element_two_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 30px auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_en_purpose ul li.element_three {background-color:#4fa7bd;border:10px #4193a7 solid;}
.wrap_en_purpose ul li.element_three_txt {color:#333; line-height:14px; font-size:14px; margin:0 auto 0 auto; padding-left:18px; background:url('images/common/ico_circle.png') no-repeat left top; text-align: left;}

.wrap_en_purpose ul > li h5 {height:20px;padding-top:20px;display:inline-block; padding-right:5px;}
.wrap_en_purpose ul > li span {font-size:16px;font-weight:bold;display:inline-block;}
.wrap_en_purpose {width:96%;margin:0 auto;}

.wrap_en_history{width:96%;margin:0 auto;}
.wrap_en_history .anchorpoint {width:100%;}
.wrap_en_history > div {width:90%;margin:0 auto;text-align:center;}
.wrap_en_history img {width:40%;max-width:200px;margin-bottom:20px;}
.wrap_en_history > div p {text-align:left;width:80%;padding-top:0;margin-left:20%;line-height:1.8;position:relative;font-size:15px;}
.wrap_en_history > div p span {width:20%;position:absolute;right:100%;font-weight:bold;}
.wrap_en_history > div.twenithC h5, .wrap_en_history > div.nineteenthC h5, .wrap_en_history > div.from1972 h5 {color:#e37000;font-size:24px;text-align:left; margin:15px 0 5px 0;}
.wrap_en_history > div.nineteenthC {margin-top:50px;}
.wrap_en_history > div.nineteenthC h5 {color:#3975c6;text-align:left;font-size:24px;}
.wrap_en_history > div.twenithC h5 span {width:12px;height:12px;border-radius:100%;background:#e37000;display:inline-block;vertical-align:middle;margin-right:12px;}
.wrap_en_history > div.nineteenthC h5 span {width:12px;height:12px;border-radius:100%;background:#3975c6;display:inline-block;vertical-align:middle;margin-right:12px;}
.wrap_en_history > div.from1972 h5 span {width:12px;height:12px;border-radius:100%;background:#e37000;display:inline-block;vertical-align:middle;margin-right:12px;}

.history {margin-bottom: 30px;}
.history h2 {position: relative; font-size: 1.5rem; color: #003764; line-height: 1; text-align: left;}
.history h2:before {content:""; position: absolute;left:-50px; top:50%; transform: translateY(-50%);width: 17px; height: 17px; border-radius: 100%;
background:#fff; border: 5px solid #003764;	box-sizing: border-box;}
.history div {position: relative; padding: 0 0 0 50px;}
.history div:before { content:""; position:absolute; left:8px; top:0;width: 2px; height:100%; background:#ddd;}
.history div:first-child:before { top:10px; height:calc(100% - 10px);}
.history ul { padding: 20px 0 35px; list-style: none;}
.history li {text-align:left;width:85%;padding-top:0;margin-left:10%;line-height:1.8;position:relative;font-size:15px; }
.history span {font-size:1.1rem; line-height: 1.5;position:absolute;right:105%;font-weight:bold; color: #555;}

.history_blue h2 {color:#3975c6; }
.history_blue h2:before {content:""; position: absolute;left:-48px; top:50%; transform: translateY(-50%);width: 17px; height: 17px; border-radius: 100%;
background:#fff; border: 5px solid #3975c6;	box-sizing: border-box;}


/*=====================
 	앱존
======================*/
/* 통일교육원 앱 */
.uniedu_app_area {width:96%; margin:0 auto;}
.uniedu_app_area .title {margin-top:20px; font-size:24px; font-weight:bold; text-align:center; color:#333;}
.uniedu_app_area .txt {margin-top:30px; font-size:17px; font-weight:normal; text-align:center; color:#555; line-height:24px;}

.uniedu_app {position:relative; width:100%; padding:10px 20px; margin-top:30px; border:1px solid #d9d9d9; border-radius:10px; background:url('/contents/page/image/appzone/uniedu_app_bg.png') left top repeat-x; background-size: auto 300px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.uniedu_app .sub_title {margin:25px 0 0 0; font-size:22px; font-weight:bold; color:#fff; text-align:center;}
.uniedu_app .uniedu_app_btn {text-align:center; margin-top:10px;}

.uniedu_app_btn .iphone {display:inline-block;  margin-bottom:10px; margin-right:50px;}
.uniedu_app_btn .iphone a {display:inline-block; border-radius:10px; font-size:24px; font-weight:normal; color:#333; padding:8px 0px 14px 40px; width:100%; background:#fff url('/contents/page/image/appzone/btn_appstore.png') 15px center no-repeat;}
.uniedu_app_btn .iphone a:hover {background:#ebebeb url('/contents/page/image/appzone/btn_appstore.png') 15px center no-repeat;}

.uniedu_app_btn .android {display:inline-block; margin-bottom:10px; margin-right:50px;}
.uniedu_app_btn .android a {display:inline-block; border-radius:10px; font-size:24px; font-weight:normal; color:#333; padding:8px 0px 14px 40px; width:100%; background:#fff url('/contents/page/image/appzone/btn_googleplay.png') 15px center no-repeat;}
.uniedu_app_btn .android a:hover {background:#ebebeb url('/contents/page/image/appzone/btn_googleplay.png') 15px center no-repeat;}

.uniedu_app_btn .onestore {display:inline-block; margin-bottom:30px; margin-right:40px;}
.uniedu_app_btn .onestore a {display:inline-block; border-radius:10px; font-size:24px; font-weight:normal; color:#333; padding:8px 0px 14px 40px; width:100%; background:#fff url('/contents/page/image/appzone/btn_onestore.png') 15px center no-repeat;}
.uniedu_app_btn .onestore a:hover {background:#ebebeb url('/contents/page/image/appzone/btn_onestore.png') 15px center no-repeat;}

.uniedu_app .phone_img {text-align:center;}
.uniedu_app .phone_img img {width:100%; max-width:631px;}

ul.uniedu_app_txt {padding:0; margin:30px 0 0 10px;}
ul.uniedu_app_txt li {list-style:none; margin:0 0 15px 0; padding:0; padding-left:13px; background:url('/contents/page/image/appzone/bullet.png') left 8px no-repeat; font-size:17px; font-weight:bold; color:#333; }
ul.uniedu_app_txt li ul {padding:0; margin:7px 0 0 0;}
ul.uniedu_app_txt li ul li {padding:0; background:none; font-weight:normal; font-size:16px; color:#666;}

.wrap_appzone {margin-top:50px;}
	.appzone {position:relative; width:96%; margin:0 auto 30px auto; padding:20px; border:1px solid #d9d9d9; border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.appzone:last-child {margin-bottom:0;}
	.appzone .app_img {text-align:center;}
	.appzone .app_img img {width:130px; height:130px; border:1px solid #d9d9d9; border-radius:10px;}
	.appzone .app_title {font-size:18px; font-weight:bold; color:#333; margin:20px 0 10px 0; text-align:center;}
	.appzone .app_txt {font-size:14px; color:#666; line-height:20px; text-align:center; margin-bottom:10px;}
	.appzone .app_btn {text-align:center;}
	.appzone .qr_code {display:none;}

/*=====================
 	교수진
======================*/
.wrap_professor {width:96%;margin:0 auto;}
.wrap_professor ul.global {list-style:none;}
.wrap_professor ul.global li {margin:10px 0;padding:20px 7%;background:#fdfdfd;border:1px solid #e9e9e9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap_professor ul.global li img {width:30%;max-width:100px;display:inline-block;}
.wrap_professor ul.global li p.name {display:inline-block; width:60%;padding-top:5px;line-height:17px;font-size:14px;float:right;}
.wrap_professor ul.global li p.name span {display:block; font-size:18px;font-weight:bold;text-align:left;}
.wrap_professor ul.global li p.detail { margin-top:10px;line-height:17px;font-size:14px;}
.wrap_professor ul.global li p.detail span { font-weight:bold;line-height:1.2;display:block;vertical-align:middle;text-align:left;font-size:15px;}
.wrap_professor .anchorpoint {margin:0 auto 36px auto;}
.professor_contact {margin:0 auto 30px;padding:30px 0;text-align:left;border:2px solid #e6e6e6;font-size:15px;letter-spacing:0;box-sizing:border-box;}
.professor_contact img {float:left;margin:0 20px 0 30px;}
.professor_contact img:after{display:block;content:"";clear:both;}
.professor_contact span {line-height:1.5;font-weight:bold;letter-spacing:-1px;}

/*=====================
 	영문 교수진
======================*/
.wrap_professor_en > div {}
.wrap_professor_en h4 {}
.wrap_professor_en h4 span {}
.wrap_professor_en div.domestic { margin:20px auto;width:96%;}
.wrap_professor_en div.global { margin:20px auto;width:96%;}
.wrap_professor_en div div {margin:10px 0;padding:10px;background:#fdfdfd;border:1px solid #e9e9e9;}
.wrap_professor_en div div img { width:25%;display:inline-block;}
.wrap_professor_en div div p.name { display:inline-block;width:90%;font-size:15px;}
.wrap_professor_en div div p.name span { font-size:18px;font-weight:bold;text-align:left;color: #444;}
.wrap_professor_en div div p.name strong {display:inline-block;margin-top:12px;color: #444;}
.wrap_professor_en div div p.detail { margin-top:10px;line-height:1.2;font-size:14px;}
.wrap_professor_en div div ul.en_detail_ul {padding-left:5px; list-style: none;}
.wrap_professor_en div div ul.en_detail_ul li {font-size:15px; line-height:1.2;}
.wrap_professor_en div div p.detail span { font-weight:bold;line-height:1.2;display:block;vertical-align:middle;text-align:left;font-size:16px; margin-bottom:5px;color: #444;}
.wrap_professor_en .anchorpoint {margin:0 auto 36px auto;}
.wrap_professor_en .contact { width:96%;margin:0 auto;padding-top:30px;padding-bottom:30px;text-align:left;border:2px solid #e6e6e6;font-size:15px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap_professor_en .contact img {float:left;margin:0 20px;}
.wrap_professor_en .contact img:after{display:block;content:"";clear:both;}
.wrap_professor_en .contact span {line-height:1.5;font-weight:bold;}

.wrap_professor_en div.domestic section {float: right;width: 70%;}
.wrap_professor_en div.domestic div:after{content:""; display: block; clear: both;}
.wrap_professor_en div.domestic div{height: auto;}

/*=====================
 	161026-신규 교수진
======================*/
.professor_area {margin:30px auto 0;width:96%; overflow:hidden; clear:both; float:none;}
ul.professor {margin:5px 0 0 0; padding:0;}
ul.professor > li {list-style:none; margin:10px 0; padding:20px 25px; background:#fdfdfd; border:1px solid #e9e9e9; float:none; overflow:hidden;
					box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

ul.professor > li > div.p_info {float:left; width:40%; padding-right:20px; margin:0; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.professor > li > div.p_info img {width:100%; max-width:100px;}
ul.professor > li > div.p_info .p_name {font-weight:bold; font-size:18px; margin-top:10px;}
ul.professor > li > div.p_info .p_tel {font-weight:normal; font-size:15px; margin-top:10px;}

ul.professor > li > div.p_subject {float:right; width:60%;}

ul.professor > li > div.p_subject dt {margin-bottom:10px;font-weight:bold; font-size:18px;}
ul.professor > li > div.p_subject dt .sort {display:inline-block;margin-left:5px;color:#846841;font-size:16px;font-weight:400;line-height:25px;letter-spacing:-1px;}
ul.professor > li > div.p_subject dd {position:relative;overflow:hidden;min-height:19px;padding:0 0 0 75px;font-size:15px;line-height:25px;word-break:break-all;word-wrap:break-word;}
ul.professor > li > div.p_subject dd>span {position:absolute;left:0;color:#666;}

ul.professor > li > div.p_subject .subject_title {font-weight:bold; font-size:18px; margin-top:5px;}
ul.professor > li > div.p_subject ul.subject_txt {padding:0; margin:0;}
ul.professor > li > div.p_subject ul.subject_txt li {list-style:none; font-size:14px; line-height:17px; margin-top:15px; padding-left:8px; background: url('/contents/page/image/common/arrow_mini.png') no-repeat left 4px;}
ul.professor > li > div.p_subject ul.subject_txt li span {font-weight:bold;}
ul.professor > li > div.p_subject ul.subject_txt li ul {margin-top:3px; padding:0;}
ul.professor > li > div.p_subject ul.subject_txt li ul li {margin-top:0; padding-left:5px; background: url('/contents/page/image/common/bullet_2x2.png') no-repeat left 8px;}


/*=====================
 	전국통일관 안내
======================*/
.wrap_exhibition h4 {opacity:0;}
.exhibition_all {margin-top:30px;text-align:center;}
.exhibition_all div p >img {max-width:126px;width:30%;display:block;margin:0 auto;margin-bottom:30px;}
.exhibition_all div p {margin:0 auto;width:70%;font-size:13px;color:#666666;text-align:center;line-height:1.5;margin-top:10px;}
.exhibition_all div p > span {color:#333333;line-height:1.5;display:block;margin-bottom:10px;}
.exhibition_all div p span span {;font-weight:bold;}
.exhibition_all > img {max-width:410px;width:70%;margin-top:30px;}

/* 이미지맵 추가 : 170308 */
div.nation_center_info_img {margin:0 auto;}
img.nation_center_info_img {width:100%; max-width:410px;}

.wrap_exhibition, .wrap_education_center {letter-spacing:0;}
.wrap_exhibition div.third {padding:15px 2.5%;}
.wrap_exhibition div h5 {margin-top:0;}
.wrap_exhibition div h5 span {}
.wrap_exhibition div p.box01, .wrap_exhibition div div.box01 {font-size:15px;text-align:left;line-height:1.6; word-break:keep-all;}
.wrap_exhibition div div.sightseeing {border:1px solid #e9e9e9;background:#fdfdfd;margin-top:40px;padding:20px;line-height:1.6;font-size:15px;}
.wrap_exhibition div div.sightseeing span {font-weight:bold; vertical-align:middle; line-height:2; display:inline-block; width:100%;}
.wrap_exhibition div div.sightseeing span.tittle01 {font-size:18px;}
.wrap_exhibition div div.sightseeing span.tittle02 {font-size:15px;margin-top:5px;}
.wrap_exhibition div div {}
.wrap_exhibition div.second {background:#f4f4f4;padding:30px 2.5%;}
.wrap_exhibition div.second div.box01 {padding:20px 2.5%;border-top:1px solid #d9d9d9;}
.wrap_exhibition div.second div.first {border-top:none;}
.wrap_exhibition div.second img {max-width:100%;display:block;margin:0 auto;border:2px solid #b7b7b7;}
.wrap_exhibition div.second div span {width:100%;display:inline-block;font-weight:bold;line-height:2;}
.wrap_exhibition div.third p {line-height:1.6;font-size:15px;}
.wrap_exhibition div.third div p span {display:block;line-height:3;font-weight:bold;vertical-align:bottom;}
.wrap_exhibition div.third div p span.first {margin-top:10px;}
.wrap_exhibition div.third div img {width:100%;max-width:579px;display:block;margin:0 auto;}
.wrap_exhibition .page-list-table {width:100%;}
.exhibition03 div.third div img{max-width:100%;}
.exhibition03 div.third div div span {display:block;font-weight:bold;line-height:3;vertical-align:bottom}
.exhibition05 div.third div div span {display:block;font-weight:bold;line-height:3;vertical-align:bottom}
.exhibition06 div.third div div span {display:block;font-weight:bold;line-height:3;vertical-align:bottom}
.exhibition08 div.second div div.exception {text-align:center;}
.exhibition08 div.second div div.exception img {display:inline-block;}
.exhibition11 div.second div div.exception {text-align:center;}
.exhibition11 div.second div div.exception img {display:inline-block;}
.wrap_exhibition div.second div:nth-child(2){border-top:none;}
.wrap_exhibition div.first div > img {display:block;margin:0 auto;border: 2px solid #B7B7B7;}

/*=====================
 	조직도
======================*/
.organization_map a {color:#fff;}
.organization_map {position:relative;width:100%;height:600px;text-align:center;vertical-align:middle;font-weight:bold;margin-top:0px;}
.organization_map .circle {display:inline-block;position:relative;z-index:10;}
.organization_map .top {background:#e37000;border:2px solid #9e4e00;border-radius:20px;color:#fff;width:90%;vertical-align:middle;font-weight:bold;margin:0 auto;position:relative;}
.organization_map .top a {line-height:4;font-size:18px;}
.organization_map .middle {background:#c9b18d;border:1px solid #a4814e;border-radius:20px;color:#fff;width:50%;display:block;margin:30px auto;}
.organization_map .middle a {font-size:13px;line-height:5;}
.organization_map .first {position:relative;padding-bottom:70px;z-index:10;}
.organization_map .second {z-index:10;position:relative;}
.organization_map .rec {background:#b7b7b7;color:#fff;width:20%;font-size:13px;text-align:center;display:inline-block;line-height:2.5; height:50px; margin-top:10px;}
.organization_map .rec a {display:inline-block;width:100%;line-height:0.8; height:50px;}
.organization_map .rec a span {display:inline-block;width:100%;line-height:2.2;}
.organization_map .cyber {position:absolute;width:60.5%;bottom:0;left:20%;}
.organization_map .cyber a {line-height:3.8;}
.organization_map .line {height:2px;background:#b7b7b7;z-index:1;position:absolute;}
.organization_map .line01 {top:150px;width:50%;left:10%;}
.organization_map .line02 {top:410px;width:50%;left:10%;}
.organization_map .line03 {width:40%;left:30%;top:210px;}
.organization_map .line04 {width:40%;left:30%;top:465px;}
.organization_map .line05 {height:370px;top:40px;left:10%;width:2px;}
.organization_map .line06 {height:100px;top:160px;width:2px;left:50%;}
.organization_map .line07 {height:100px;top:210px;width:2px;left:30%;}
.organization_map .line08 {height:30px;top:210px;width:2px;left:70%;}
.organization_map .line09 {height:100px;top:400px;width:2px;left:50%;}
.organization_map .line10 {height:50px;top:465px;width:2px;left:30%;}
.organization_map .line11 {height:50px;top:465px;width:2px;left:70%;}

/*=====================
 	영문 조직도
======================*/
.en_organization_map a {color:#fff;}
.en_organization_map {position:relative;width:100%;height:600px;text-align:center;vertical-align:middle;font-weight:bold;margin-top:36px;}
.en_organization_map .circle {display:inline-block;position:relative;z-index:10;}
.en_organization_map .top {background:#8ca43b;border:2px solid #5e6c2d;border-radius:20px;color:#fff;width:90%;vertical-align:middle;font-weight:bold;margin:10px auto;position:relative;}
.en_organization_map .top a {line-height:4;font-size:18px;}
.en_organization_map .middle {background:#c9b18d;border:1px solid #a4814e;border-radius:20px;color:#fff;width:75%;display:block;margin:30px auto;}
.en_organization_map .middle a {font-size:13px;line-height:5;}
.en_organization_map .first {position:relative;padding-bottom:70px;z-index:10;font-size:13px;}
.en_organization_map .second {z-index:10;position:relative;font-size:13px;}
.en_organization_map .rec {background:#b7b7b7;color:#fff;width:20%;font-size:13px;text-align:center;display:inline-block;line-height:3;vertical-align:top;}
.en_organization_map .rec a {display:inline-block; width:100%; line-height:1; height:80px; padding-top:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.en_organization_map .rec a span {}
.en_organization_map .cyber {position:absolute;width:60.5%;bottom:0;left:20%;}
.en_organization_map .cyber a {line-height:1;height:52px;}
.en_organization_map .line {height:2px;background:#b7b7b7;z-index:1;position:absolute;}
.en_organization_map .line01 {top:155px;width:50%;left:10%;}
.en_organization_map .line02 {top:435px;width:50%;left:10%;}
.en_organization_map .line03 {width:40%;left:30%;top:210px;}
.en_organization_map .line04 {width:40%;left:30%;top:485px;}
.en_organization_map .line05 {height:395px;top:40px;left:10%;width:2px;}
.en_organization_map .line06 {height:150px;top:150px;width:2px;left:50%;}
.en_organization_map .line07 {height:140px;top:210px;width:2px;left:30%;}
.en_organization_map .line08 {height:90px;top:210px;width:2px;left:70%;}
.en_organization_map .line09 {height:90px;top:450px;width:2px;left:50%;}
.en_organization_map .line10 {height:50px;top:485px;width:2px;left:30%;}
.en_organization_map .line11 {height:50px;top:485px;width:2px;left:70%;}
table.organization tbody tr td:last-child {text-align:left;}
table.organization ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}

/*=====================
 	약도 및 시설안내
======================*/
.transportation_map .anchorpoint{margin-top:0;}
.wrap_transportation_map .transportation {margin:0 auto;}
.wrap_transportation_map .transportation .transportation02 {width:100%;background:#f4f4f4;width:100%;}
.wrap_transportation_map .transportation .map01, .wrap_transportation_map .transportation .map02 {width:100%;height:330px;}
.wrap_transportation_map h4 span.map_address {font-weight:normal; font-size:14px; display:block; margin-top:5px;}
.transportation .image img {width:100%;max-width:60px; max-height:60px;}
.transportation > div {padding:15px 0;}
.transportation > div > div {border-bottom:1px solid #d9d9d9;}
.transportation > div > div:last-child {border-bottom:none;}
.transportation .image {width:20%;display:inline-block;text-align:center;vertical-align:top;margin:20px 0;}
.transportation .text {width:75%;display:inline-block;margin:20px 0;vertical-align:top;line-height:1.5;}
.wrap_transportation_map.transportation .text span {font-weight:bold;display:block;line-height:2;}
.transportation03 {text-align:center;}
.transportation03 img {width:100%;max-width:576px;}
.transportation03 h5.sub_title {text-align:center; font-size:18px; font-weight:bold; margin:40px auto 15px auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
												padding:10px 20px; background:#f7ebd6; border:1px solid #d7a855; border-radius:8px; max-width:96%;}

/*=====================
 	다음지도
======================*/
.second .root_daum_roughmap {width:100%;padding:0;border:0;}
.site03 .root_daum_roughmap {width:100%;padding:0;border:0;}
.transportation .root_daum_roughmap {width:100%;padding:0;border:0;}
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap .roughmap_maker_label {display:none;}

/*=====================
 	영문 약도 및 시설안내
======================*/
.transportation_map .anchorpoint{margin-top:36px;}
.wrap_en_transportation_map .transportation {margin:0 auto;}
.wrap_en_transportation_map .transportation .transportation02 {width:100%;background:#f4f4f4;width:100%;}
.wrap_en_transportation_map .transportation .map01, .wrap_en_transportation_map .transportation .map02 {width:100%;height:330px;}
.wrap_en_transportation_map h4 span {margin-left:2.5%;}
.wrap_en_transportation_map .transportation .image img {width:100%;max-width:60px;}
.transportation > div {padding:15px 0;}
.transportation > div > div {border-bottom:1px solid #d9d9d9;}
.transportation > div > div:last-child {border-bottom:none;}
.transportation .image {}
.transportation .text {width:75%;display:inline-block;margin:20px 0;vertical-align:top;line-height:1.5;}
.transportation .text span {font-weight:bold;display:block;line-height:2;}
.transportation .text p {padding-bottom: 5px;}
.transportation03 {text-align:center;}
.transportation03 img {width:100%;max-width:560px;}

/*=====================
 	홍보영상
======================*/
.wrap_advideo {width:100%;text-align:center;margin:36px auto;}
.wrap_advideo .text {background:#f7f7f7;border:1px solid #d9d9d9;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;color:#333;font-size:13px;line-height:20px;margin:20px auto;padding:15px;width:96%;text-indent:10px;vertical-align:top;text-align:left;}

/*=====================
 	영문홍보영상
======================*/
.wrap_en_advideo {width:100%;text-align:center;margin:36px auto;}
.wrap_en_advideo .text {background:#f7f7f7;border:1px solid #d9d9d9;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;color:#333;font-size:13px;line-height:20px;margin:20px auto;padding:15px;width:96%;text-indent:10px;vertical-align:top;text-align:left;}

/*=====================
 	교육서비스헌장
======================*/
.wrap_edu_charter {width:96%; margin:0 auto; font-size:15px; line-height:1.6; word-break:keep-all;}
.wrap_edu_charter ul li {list-style:none;}
.wrap_edu_charter ul li span {margin:10px auto; font-weight:bold;}
.wrap_edu_charter ul li span.last {font-weight:normal;}
.wrap_edu_charter ul li strong {font-size:16px;}
.wrap_edu_charter ul li .page-list-table tr th {padding:10px 8px; font-size:15px;}
.wrap_edu_charter ul li .page-list-table tr td {padding:10px 8px; font-size:15px;}
.wrap_edu_charter ul li .page-list-table tr:last-child td {padding:10px 8px;}
.wrap_edu_charter .box {width:100%; background:#e7e7e7; padding:15px 10px; margin-top:15px; text-align:center; font-size:15px; font-weight:bold;}
.wrap_edu_charter .third ul {margin:20px 0;}
.wrap_edu_charter .third ul span {display:block; font-weight:bold;}

/*=====================
 	지역통일교육센터
======================*/
table.education_center {width:100%;}
.wrap_education_center h4.main {margin-left:2.5%;}
.wrap_education_center h4.main:first-child {margin-top:20px;}
.wrap_education_center  div p.box {border:1px solid #e9e9e9; background:#fdfdfd;padding:20px 2.5%;line-height:1.6;text-indent:10px;font-size:15px;}
.wrap_education_center  div p.text span:first-child {margin-top:20px;}
.wrap_education_center  div p.text span {display:inline-block;width:100%;line-height:2; padding-left:8px; background:url('/contents/page/image/common/bullet_3x3.png') left 10px no-repeat;}
.wrap_education_center  div .ul_text {margin:20px 0 0 10px; padding:0;}
.wrap_education_center  div .ul_text li {font-size:15px;list-style:none; font-weight:bold; line-height:1.6; padding-left:8px; background:url('/contents/page/image/common/bullet_3x3.png') left 10px no-repeat;}
.wrap_education_center  div .ul_text li:last-child {margin-bottom:7px;}
.wrap_education_center  div .ul_text li ul {margin:0; padding:0;}
.wrap_education_center  div .ul_text li ul li {padding-left:10px; font-weight:normal; background:url('/contents/page/image/bbs/basic_icon3.png') left 12px no-repeat;}

.wrap_education_center .education_center_all {margin-top:20px;text-align:center;}
.wrap_education_center .education_center_all div .home_img {width:auto;}
.wrap_education_center .education_center_all div p >img {max-width:126px;width:30%;display:block;margin:0 auto;margin-bottom:30px;}
.wrap_education_center .education_center_all div p {margin:0 auto;width:70%;font-size:13px;color:#666666;text-align:center;line-height:1.5;margin-top:10px;}
.wrap_education_center .education_center_all div p > span {color:#333333;line-height:1.5;display:block;margin-bottom:10px;}
.wrap_education_center .education_center_all div p span span {font-weight:bold;}
.wrap_education_center .education_center_all div span.center_btn a {margin-top:10px; font-size:15px; line-height:18px; text-align:left !important; font-weight:bold;}
.wrap_education_center .education_center_all div span.center_btn a span {color:#ffea78 !important}

.wrap_education_center table.education_center {word-break:keep-all;}
.wrap_education_center table.education_center tr td {border-right:1px dashed #d9d9d9; line-height:18px;font-size:14px;}
.wrap_education_center table.education_center tr td:last-child {border-right:none;}
.wrap_education_center table.education_center tr td ul {margin:0 0 0 5px; padding:0;}
.wrap_education_center table.education_center tr td ul li {list-style:none; padding-left:10px; background:url('/contents/page/image/common/bullet_3x3.png') left 7px no-repeat;}

/*=====================
   인사말
======================*/
.wrap_introduction {width:100%;word-break:keep-all;}
.wrap_introduction:after {display:block;clear:both;content:"";}
.wrap_introduction .greeting {width:100%;padding:10px 2.5%;line-height:2;font-size:15px;background:#f8f8f8;box-sizing:border-box;}
.wrap_introduction .greeting span {display:block;width:100%;line-height:23px; margin-bottom:20px;}
.wrap_introduction .greeting .sign {width:189px;height:auto;margin-top:30px;}
.wrap_introduction ul {list-style:none;}
.wrap_introduction .kids_business {width:100%;}
.wrap_introduction .kids_business li {width:100%;position:relative;padding-top:30px;}
.wrap_introduction .kids_business li.second {margin-top:30px;}
.wrap_introduction .imgBanner {width:100%;border-top:1px solid #d9d9d9;padding:30px 20px 0 30px;box-sizing:border-box;}
.wrap_introduction .second .imgBanner {margin-bottom:60px;}
.wrap_introduction .imgBanner .imgBanner_list {margin-right:10px;border:1px solid #d9d9d9;box-sizing:border-box;}
.wrap_introduction .imgBanner div img {width:100%; height:auto;}
.wrap_introduction .imgBanner div img.new {width:12px;height:12px;float:left;margin:2px 5px 0 0;}
.wrap_introduction .imgBanner div p.news_tit {width:100%;font-size:13px;color:#257bca;box-sizing:border-box;padding:15px;}
.wrap_introduction .imgBanner div p.news_tit b {width:90%;height:20px;display:inline-block;overflow:hidden;word-break:keep-all;text-overflow: ellipsis;white-space: nowrap;}
.wrap_introduction .imgBanner div p.news_tit span {font-size:12px;color:#747474;display:block;margin-top:5px;}
.wrap_introduction .imgBanner .slick-arrow {width:20px;height:38px;border:0;font-size:0;position:absolute;top:50%;z-index:100;margin-top:-10px;cursor:pointer;}
.wrap_introduction .imgBanner .slick-prev {background:url('/contents/page/image/introduction/prevBtn.png') no-repeat 50% 50%;left:0;}
.wrap_introduction .imgBanner .slick-next {background:url('/contents/page/image/introduction/nextBtn.png') no-repeat 50% 50%;right:0;}

/*=====================
   영문 인사말
======================*/
.wrap_en_introduction {width:100%; margin-bottom:50px; }
/* .wrap_en_introduction img:first-child {width:100%;margin:10px auto;}
.wrap_en_introduction img:nth-child(2) {width:100%;margin:10px auto;}
.wrap_en_introduction img:last-child {float:left;width:90%;max-width:272px;height:42px;display:block;margin-top:30px;}
.wrap_en_introduction:after {display:block;clear:both;content:""}     */
.wrap_en_introduction div {padding:10px 2.5% 0 2.5%;}
.wrap_en_introduction div {line-height:2;font-size:16px;}
.wrap_en_introduction div span {display:block;width:100%;line-height:23px; margin-bottom:20px;}


/*=====================
   담당자 연락처
======================*/
.wrap_contact div h4.main {margin-left:2.5%;}
.wrap_contact div table thead tr th{padding:0;}
.wrap_contact div table tbody tr:last-child {border-bottom:1px solid #d9d9d9;}
.wrap_contact div table tbody tr td:first-child{background:#fafafa;}

/*=====================
 영문 담당자 연락처
======================*/
.wrap_en_contact div h4.main {margin-left:2.5%;}
.wrap_en_contact div table thead tr th{padding:0;}
.wrap_en_contact div table tbody tr:last-child {border-bottom:1px solid #d9d9d9;}
.wrap_en_contact div table tbody tr td:first-child{background:#fafafa;}

/*=====================
   개인정보 처리방침
======================*/
.wrap_personal_info {font-size:15px;width:96%;margin:0 auto;}
.wrap_personal_info .page_hz_sub {width:105% !important;position:relative;right:2.5%;}
.wrap_personal_info  li {list-style:none;padding-left:26px;}
.wrap_personal_info div.personal_info_03 img {width:105%;position:relative;right:2.5%;display:block;margin:25px auto;max-width:596px;}
.wrap_personal_info h4 {margin-top:80px;}
.wrap_personal_info .policy {border:3px solid #e6e6e6;padding:10px 2.5%;margin:36px auto;}
.wrap_personal_info .policy img {width:10%;max-width:43px;display:inline-block;margin-top:13px;}
.wrap_personal_info .policy div {display:inline-block;width:88%;}
.wrap_personal_info .policy div p {line-height:1.5;margin:13px 2px;}
.wrap_personal_info .policy div p:first-child {margin-top:0;}
.wrap_personal_info .policy div p span {color:#e37000;}
.wrap_personal_info div {line-height:1.5;margin-top:13px;}
.wrap_personal_info div div {line-height:1.5;margin-top:13px;}
.wrap_personal_info .sub_title {font-weight:bold;display:inline-block;width:100%;line-height:2;}
.wrap_personal_info .page_hz_sub caption {text-align:left;line-height:1.5;margin-top:30px;margin-bottom:8px;}
.personal_info_01 div:first-child p span {color:#e37000;}
.personal_info_01 div:first-child p a {color:#e37000;}
.personal_info_02 span {margin-bottom:8px;}
.wrap_personal_info .box {display:block;padding:10px 0;background:#e7e7e7;margin:8px 0;text-align:center;}
.wrap_personal_info div.personal_info_03 span {display:inline-block;margin:5px auto;}

/*=====================
   저작권정책
======================*/
.wrap_copyright table {width:100%;margin-bottom:30px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;box-sizing:border-box;}
.wrap_copyright table caption {font-weight:bold;margin-bottom:10px;}
.wrap_copyright table img {width:auto;height:40px;margin-bottom:10px;}
.wrap_copyright td {width:50%;padding:15px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;vertical-align:top;}
.wrap_copyright td.bgf5 {background:#f5f5f5;font-weight:bold;}
.wrap_copyright .third {color:#333;line-height:1.5;}
.wrap_copyright .third p {margin-bottom:30px;}

/*=====================
   이메일무단수집거부
======================*/
.wrap_no_email {font-size:13px;}
.wrap_no_email div:first-child {width:96%;margin:0 auto;padding:80px 0;text-align:center;color:#666666;}
.wrap_no_email div:first-child img {display:inline-block;width:15%;max-width:84px;vertical-align:middle;}
.wrap_no_email div:first-child p {display:inline-block;width:80%;text-align:left;margin-left:2%;vertical-align:middle;}
.wrap_no_email div:first-child span {display:inline-block;width:100%;font-size:18px;color:#000;margin-bottom:10px;vertical-align:middle;line-height:1.5;}
.wrap_no_email .second {padding-top:60px;padding-bottom:10px;padding-left:2.5%;color:#333;line-height:1.5;border-top:1px solid #e9e9e9;background:#fdfdfd;}
.wrap_no_email .second p:first-child {margin-bottom:10px;font-weight:bold;}
.wrap_no_email .second p:last-child {margin-bottom:10px;line-height:1.5;}
.wrap_no_email .third {padding-bottom:60px; padding-left:2.5%;background:#fdfdfd;color:#333;line-height:1.5;}
.wrap_no_email .third p:first-child {margin-bottom:10px;font-weight:bold;}

/*=====================
   관련사이트
======================*/
.wrap_related_site {font-size:15px;}
.wrap_related_site div[class^="site"] ul li {list-style:none;width:50%;float:left;text-align:center;height:50px; line-height:46px; border-bottom:1px solid #d9d9d9;overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap_related_site div[class^="site"] ul li a{display:block;height:50px;width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wrap_related_site div[class^="site"] ul li a:hover {text-decoration:underline; background:#f8f8f8;}
.wrap_related_site div[class^="site"] ul:after {display:block;clear:both;content:"";}
.wrap_related_site div[class^="site"] ul li:nth-child(2n-1) {border-right:1px solid #d9d9d9;}
.wrap_related_site div[class^="site"] ul li:first-child {border-top:2px solid #666666;}
.wrap_related_site div[class^="site"] ul li:nth-child(2) {border-top:2px solid #666666;}

/*=====================
   합의서.법령.통계
======================*/
.wrap_treaty_law {width:96%;font-size:15px;margin:20px auto 0;text-align:center;list-style:none;}
.wrap_treaty_law li {min-height:178px;margin-top:20px;padding:15px 30px;border:1px solid #d9d9d9;box-shadow:2px 3px 10px rgba(0,0,0,0.1);}
.wrap_treaty_law img {width:25%;max-width:100px;display:inline-block;position:relative;top:20px;float:right;}
.wrap_treaty_law .title {font-size:18px;font-weight:bold;display:block;margin-bottom:15px;text-align:left;}
.wrap_treaty_law li p {width:65%;display:inline-block; vertical-align:middle; line-height:1.5;text-align:left;float:left;}
.wrap_treaty_law .square {display:block;margin-top:15px;}

/*=====================
   국내캠프소개
======================*/
.wrap_domestic_camp_intro {margin:0 auto;font-size:15px;line-height:1.6;}
.wrap_domestic_camp_intro .anchorpoint {margin-left:0;}
.wrap_domestic_camp_intro img {width:100%;max-width:768px; height:auto; margin-bottom:13px;display:block;}
.wrap_domestic_camp_intro h5 {font-size:15px;margin:20px 0;}
.wrap_domestic_camp_intro table{width:100%;position:relative;}
.wrap_domestic_camp_intro ul {margin-left:20px;}
.wrap_domestic_camp_intro ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_01.png")}
.wrap_domestic_camp_intro ul li  ul li {list-style:none;}
.wrap_domestic_camp_intro .site01 ul li  ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_domestic_camp_intro ul li  ul li ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_domestic_camp_intro div[class^="site"] {width:100%;margin:0 auto;}
.wrap_domestic_camp_intro .site01 img {width:100%; max-width:530px;margin:0 auto 30px;}
.wrap_domestic_camp_intro .site01 .red {font-size:15px;}
.wrap_domestic_camp_intro .page_hz_dtable thead tr th:first-child {border-left:1px solid #d9d9d9;}
.wrap_domestic_camp_intro .page_hz_dtable tr td:first-child {border-left:1px solid #d9d9d9;}

ul.camp_total_tab {margin:0 !important; width:100%; text-align:center; background:none; overflow:hidden;}
ul.camp_total_tab li {list-style:none !important; float:left; width:50%; border:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.camp_total_tab li:last-child {border-left:none;}
ul.camp_total_tab li a {display:block; width:100%; line-height:3; text-align:center; font-size:16px; padding-right:0; padding-left:0; font-weight:normal;}
ul.camp_total_tab li a.on {background:#347799; color:#ffffff; font-weight:bold;}
ul.camp_total_tab li a:hover {background:#347799; color:#ffffff;}

ul.camp_tab {margin:30px 0 10px 0 !important; width:100%; text-align:center; background:none; overflow:hidden;}
ul.camp_tab li {list-style:none !important; float:left; width:50%; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.camp_tab li:first-child, ul.camp_tab li:nth-child(2) {border-top:1px solid #d9d9d9;}
ul.camp_tab li a {display:block; width:100%; line-height:3; text-align:center; font-size:15px; padding-right:0; padding-left:0; font-weight:normal;}
ul.camp_tab li a.on {background:#93ba68; color:#ffffff; font-weight:bold;}
ul.camp_tab li a:hover {background:#93ba68; color:#ffffff;}
ul.camp_tab li:nth-child(2n) {border-right:1px solid #d9d9d9;}
ul.camp_tab li:last-child {border-right:1px solid #d9d9d9;}

ul.lc_camp_tab {margin:30px 0 10px 0 !important; width:100%; text-align:center; background:none; overflow:hidden;}
ul.lc_camp_tab li {list-style:none !important; float:left; width:33.33%; border:1px solid #d9d9d9; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.lc_camp_tab li a {display:block; width:100%; line-height:3; text-align:center; font-size:15px; padding-right:0; padding-left:0; font-weight:normal;}
ul.lc_camp_tab li a.on {background:#93ba68; color:#ffffff; font-weight:bold;}
ul.lc_camp_tab li a:hover {background:#93ba68; color:#ffffff;}
ul.lc_camp_tab li:last-child {border-right:1px solid #d9d9d9;}

#camp_popup {display:none;}

/*=====================
   참가 절차 안내/준비 사항
======================*/
.wrap_domestic_introduction_preparation {margin:0 auto;width:96%;font-size:15px;line-height:1.6;}
.wrap_domestic_introduction_preparation .anchorpoint {margin-left:0;}
.wrap_domestic_introduction_preparation h5 {font-size:16px;margin:20px 0 10px;}
.wrap_domestic_introduction_preparation table {width:100%;position:relative;border-top:2px solid #666;}
.wrap_domestic_introduction_preparation table thead, .wrap_domestic_introduction_preparation table tbody {font-size:14px;}
.wrap_domestic_introduction_preparation .page-list-table tr th {border-top:none;border-right:1px solid #D9D9D9;text-align:center;}
.wrap_domestic_introduction_preparation .page-list-table tr {text-align:left;}
.wrap_domestic_introduction_preparation .page-list-table tr ul {margin-left:13px;}
.wrap_domestic_introduction_preparation .page-list-table tr:last-child td {border-bottom:1px solid #D9D9D9;}
.wrap_domestic_introduction_preparation ul {margin-left:20px;}
.wrap_domestic_introduction_preparation ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_01.png");}
.wrap_domestic_introduction_preparation ul li  ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_domestic_introduction_preparation .site03 ul li  ul li ul li ul li {list-style:none;}
.wrap_domestic_introduction_preparation div[class^="site"] {width:100%;margin:0 auto;}

/*=====================
   국내 프로그램 및 일정
======================*/
.wrap_domestic_programe_iternary {margin:0 auto;width:96%;font-size:15px;line-height:1.6;}
.wrap_domestic_programe_iternary .anchorpoint {margin-left:0;}
.wrap_domestic_programe_iternary img {width:100%;max-width:768px;margin-bottom:13px;display:block;}
.wrap_domestic_programe_iternary h5 {font-size:15px;margin:20px 0 10px;}
.wrap_domestic_programe_iternary table {width:100%;position:relative;}
.wrap_domestic_programe_iternary ul {margin-left:20px;}
.wrap_domestic_programe_iternary ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_01.png");}
.wrap_domestic_programe_iternary ul li  ul li {list-style:none;}
.wrap_domestic_programe_iternary .site01 ul li  ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_domestic_programe_iternary ul li  ul li ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_domestic_programe_iternary .site03 ul li  ul li ul li ul li {list-style:none;}
.wrap_domestic_programe_iternary div[class^="site"] {width:100%;margin:0 auto;}
.wrap_domestic_programe_iternary .page_hz_dtable tbody td:first-child {border-left:1px solid #d9d9d9;}
.wrap_domestic_programe_iternary .page_hz_dtable thead th:first-child {border-left:1px solid #d9d9d9;}
.wrap_domestic_programe_iternary .site01 img {width:100%; max-width:530px;margin:0 auto;}
.wrap_domestic_programe_iternary .site01 .red {font-size:15px;}

/*=====================
   국외 캠프 소개
======================*/
.wrap_international_camp_intro {margin:0 auto;width:96%;font-size:15px;line-height:1.6;}
.wrap_international_camp_intro .anchorpoint {margin-left:0;}
.wrap_international_camp_intro h5 {font-size:15px;margin:20px 0 10px;}
.wrap_international_camp_intro .page-list-table  {width:105%;margin-left:-5%;}
.wrap_international_camp_intro .page_hz_dtable {width:100%;position:relative;right:2.5%;}
.wrap_international_camp_intro ul {margin-left:20px;}
.wrap_international_camp_intro ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_01.png")}
.wrap_international_camp_intro ul li  ul li {list-style:none;}
.wrap_international_camp_intro ul li  ul li ul li {list-style:url("/contents/page/image/domestic_camp_introduction/list_style_02.png");}
.wrap_international_camp_intro div[class^="site"] {width:96%;margin:0 auto;}
.wrap_international_camp_intro .page-list-table tbody tr:first-child {border-top:2px solid #666}
.wrap_international_camp_intro .page-list-table tr th {border-top:none;}
.wrap_international_camp_intro .page-list-table tr td {text-align:left;}
.wrap_international_camp_intro .page_hz_dtable tr td {text-align:left;}
.wrap_international_camp_intro .page_hz_dtable thead tr th:first-child {border-left:1px solid #d9d9d9;}
.wrap_international_camp_intro .page_hz_dtable tr td:first-child {border-left:1px solid #d9d9d9;}
.wrap_international_camp_intro img {width:105%;margin-left:-5%;margin-bottom:13px;display:block;}

/*=====================
   기자단 소개
======================*/
ul.camp_tab.kidpress_tab {margin:0 0 10px 0 !important;}
.wrap_domestic_camp_intro ol {width:100%;float:left;}
.wrap_domestic_camp_intro ol li {list-style:none;word-break:keep-all;}
.wrap_domestic_camp_intro ol li.bd_box {padding:15px 10px 10px 30px;border:2px solid #86caff;border-radius:10px;}
.wrap_domestic_camp_intro ol li.bd_box1 {background:url("/contents/page/image/kp_intro/1.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box2 {background:url("/contents/page/image/kp_intro/2.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box3 {background:url("/contents/page/image/kp_intro/3.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box4 {background:url("/contents/page/image/kp_intro/4.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bg_arrow {height:40px;padding:10px;background:url("/contents/page/image/kp_intro/down_arrow.gif") no-repeat 50% 50%;}
a.kidsite:hover {text-decoration:underline;}
.wrap_kp_intro > div.first_div {position:relative;padding:0 2.5%;line-height:1.8;z-index:20;}
.wrap_kp_intro > div.first_div .logo{width:20%;max-width:91px; max-height:34px;}
.wrap_kp_intro > div.first_div .first {font-size:20px;color:#585959;font-weight:bold;}
.wrap_kp_intro > div.first_div .second {font-size:30px;color:#799ccb;font-weight:bold;}
.wrap_kp_intro > div.first_div .second span {color:#67baee;}
.wrap_kp_intro > div.first_div .last {font-size:14px;color:#898989;line-height:1.5;}
.wrap_kp_intro > div.first_div img.img {width:40%;max-width:267px; max-height:209px; position:absolute;right:5%;}
.wrap_kp_intro div.second_div {margin-top:150px;width:100%;background:url("/contents/page/image/kp_intro/kp_intro_05.png");padding:75px 0;position:relative;z-index:10;}
.wrap_kp_intro div.second_div .box {width:96%;background:#ffffff;padding:30px 0;margin:0 auto;}
.wrap_kp_intro .box01 {width:80%;border-bottom:1px solid #d9d9d9;text-align:center;padding-top:30px;padding-bottom:30px;margin:10px auto;}
.wrap_kp_intro .box01 img {display:block;margin:0 auto;width:33%;max-width:83px; max-height:112px;}
.wrap_kp_intro .box01 span {font-weight:bold;}
.wrap_kp_intro .box01 div > p:first-child {width:85%;margin:10px auto;color:#333333;font-size:18px;text-align:center;}
.wrap_kp_intro .box01 div > p:last-child {width:85%;margin:10px auto;color:#666666;font-size:13px;text-align:center;}
.wrap_kp_intro .box02 {padding:0 10%;margin:30px auto;text-align:center;font-size:13px;line-height:1.5;}
.wrap_kp_intro .box02 p:first-child {color:#333333;margin:10px auto;}
.wrap_kp_intro .box02 p:first-child span {font-weight:bold;display:block;}
.wrap_kp_intro .box02 p:nth-child(2) {color:#3171b8;margin-bottom:30px;margin-top:10px;}
.wrap_kp_intro .box02 span a{display:block;margin-top:10px;}
.wrap_kp_intro div.line {width:100%;height:9px;background:url("/contents/page/image/kp_intro/kp_intro_04.png");position:absolute;top:-8px;z-index:8;}

/*=====================
   교육이용 안내
======================*/
.wrap_edu_info {margin:0 auto;width:100%;font-size:13px;line-height:1.5;}
.wrap_edu_info .anchorpoint {margin-left:0;}
.wrap_edu_info h5 {font-size:16px;margin:30px 0 15px 0;}
.wrap_edu_info table {width:100%; position:relative;}
.wrap_edu_info p {display:block;width:100%;}
.wrap_edu_info img {width:100%;border:1px solid #d9d9d9;box-sizing:border-box;}
.wrap_edu_info div[class^="site"] {width:96%;margin:0 auto;}
.wrap_edu_info .page_hz_dtable tbody td:first-child {border-left:1px solid #d9d9d9;}
.wrap_edu_info .page_hz_dtable thead th:first-child {border-left:1px solid #d9d9d9;}

.wrap_edu_info .site06 img {width:100%; height:auto;}
.wrap_edu_info .site06 .site06_fl {}
.wrap_edu_info .site06 .site06_fr {}
.wrap_edu_info .site06 ul {padding:0; margin:0;}
.wrap_edu_info .site06 ul li {padding-left:11px; background:url("/contents/page/image/edu_info/star.png") left 7px no-repeat; list-style:none;}

.wrap_edu_info ul.edu_info_tab {margin:30px 0; width:100%; text-align:center; background:none; overflow:hidden;}
.wrap_edu_info ul.edu_info_tab li {list-style:none; float:left; width:50%; border:1px solid #d9d9d9; border-top:none; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap_edu_info ul.edu_info_tab li:first-child, ul.edu_info_tab li:nth-child(2) {border-top:1px solid #d9d9d9;}
.wrap_edu_info ul.edu_info_tab li:nth-child(2n) {border-right:1px solid #d9d9d9;}
.wrap_edu_info ul.edu_info_tab li a {display:block; width:100%; line-height:3; text-align:center; font-size:15px; padding-right:0; padding-left:0; font-weight:bold;}
.wrap_edu_info ul.edu_info_tab li a.on {background:#364c86; color:#ffffff; font-weight:bold;}
.wrap_edu_info ul.edu_info_tab li a:hover {background:#364c86; color:#ffffff;}
.wrap_edu_info ul.edu_info_tab li:last-child {border-right:1px solid #d9d9d9;}

/*=====================
   행사소개 및 참가기관
======================*/
.uniweek_info h4.main span {background:#00a6b6;}
.uniweek_info h4 {margin-left:2.5%;}
.uniweek_info .site01 img{max-width:100%;display:block;margin:0 auto;}
.uniweek_info .site02 table {padding:20px 5px;line-height:1.5;}
.uniweek_info .site02 table tbody {height:230px;text-align:left;vertical-align:top;}
.uniweek_info .site02 table tbody tr td {height:260px;}
.uniweek_info .site02 table tbody tr {vertical-align:top;}
.uniweek_info .site02 table span {font-weight:bold;display:block;}
.uniweek_info .site03 table {line-height:18px;}
.uniweek_info .site03 table .main2{border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.uniweek_info .site03 table .tleft {text-align:left;padding-left:10px;}
.uniweek_info .site03 table .main {border-bottom:1px solid #d9d9d9;}
.uniweek_info .site03 span.blue {color:#00a6b6;}
.uniweek_info > ul.page_content_tab li{width:25% !important;font-size:12px;}
.uniweek_info .site04 ul {padding:20px 2.5%;background:#fdfdfd;border:1px solid #e9e9e9;text-align:center;vertical-align:middle;}
.uniweek_info .site04 img {max-width:100%;}
.uniweek_info .site04 ul li {list-style:none;vertical-align:middle;}
.uniweek_info .site04 ul li {display:inline-block;width:32%;}
.uniweek_info .site04 ul li:nth-child(8) img {border-left:1px solid #e8e8e6;}
.uniweek_info .site04 ul li:nth-child(29) {margin-right:32%;}
.uniweek_info .site04 ul li a {display:block;width:100%;}

/*==========================
   통일교육주간 소개 및 연혁
============================*/
.uniweek_intro {width:96%;margin:0 auto;line-height:1.6;}
.uniweek_intro > ul.page_content_tab li{width:50% !important;font-size:12px;}
.uniweek_intro .site01 {font-size:13px;color:#666666;line-height:1.5;}
.uniweek_intro .site01 span {font-weight:bold;display:inline-block;width:100%;line-height:2;}
.uniweek_intro .site01 .sub_title span.blue {color:#00a6b6;display:block;width:100%;font-size:28px;font-weight:bold;}
.uniweek_intro .site01 .sub_title {font-size:20px;color:#333333;font-weight:bold;}
.uniweek_intro .site02 {font-size:15px;color:#666666;}
.uniweek_intro .site01 img {max-width:243px;display:block;margin:0 auto;}
.uniweek_intro .site02 img {max-width:265px;display:block;margin:0 auto;}
.uniweek_intro .site02 ul li {list-style:none; font-weight:bold;}
.uniweek_intro .site02 ul li ul li {font-weight:normal; background:url("/contents/page/image/domestic_camp_introduction/list_style_02.png") no-repeat left 3px ; padding-left:10px; margin-left:10px;}
.uniweek_intro  h4.main {margin-bottom:20px;}
.uniweek_intro  h4.main > span {background:#00a6b6;display:inline-block;}
.uniweek_intro div h5 {line-height:2;font-size:18px;font-weight:bold;margin-top:20px;margin-bottom:20px;}

/*==========================
   통일교육주간 소개 배너
============================*/
.uniweek_banner {width:96%; margin:30px auto 0 auto;}
.uniweek_banner .uew_banner_area {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
								width:100%; padding:26px 10px; margin-top:10px; text-align:center; background:url('/contents/page/image/uniweek_banner/banner_grid.jpg') repeat -2px -2px; border:1px solid #d9d9d9; border-radius:10px;}
.uniweek_banner .uew_banner_area img.banner_1 {width:100%; max-width:160px;}
.uniweek_banner .uew_banner_area img.banner_2 {width:100%; max-width:350px;}
.uniweek_banner .uew_banner_area img.banner_3 {width:100%; max-width:485px;}
.uniweek_banner .uew_banner_area img.banner_4 {width:100%; max-width:700px;}
.uniweek_banner .uew_banner_area img.poster {width:100%; max-width:970px;}
.uniweek_banner .uew_banner_btn {margin-top:20px; text-align:center;}

/*==========================
       통일교육주간 MI
============================*/
.uniweek_banner ul.uew_banner_area {width:100%; padding:30px; margin:10px 0 20px;box-sizing:border-box;float:left;list-style:none;
									background:url('/contents/page/image/uniweek_banner/banner_grid.jpg') repeat -2px -2px; border:1px solid #d9d9d9; border-radius:10px;}
.uniweek_banner ul.uew_banner_area li {width:100%;text-align:center;margin-bottom:60px;}
.uniweek_banner ul.uew_banner_area li:last-child {margin-bottom:0;}
.uniweek_banner ul.uew_banner_area li img {width:100%;height:auto;}
.uniweek_banner ul.uew_banner_area li img.poster1 {width:80%;}
.uniweek_banner ul.uew_banner_area li img.poster2 {width:25%;}
.uniweek_banner ul.uew_banner_area li img.poster3 {width:80%;}
.uniweek_banner ul.uew_banner_area li img.poster4 {width:25%;}
.uniweek_banner ul.uew_banner_area li img.poster6 {width:42%;}
.uniweek_banner ul.uew_banner_area li img.poster8 {width:42%;}
.uniweek_banner .uew_banner_btn {text-align:center;}

/*==========================
       통일교육주간 tab
============================*/
ul.uniweek_tab {margin-bottom:20px !important; width:100%; text-align:center; background:none; overflow:hidden;}
ul.uniweek_tab li {list-style:none !important; float:left; width:50%; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.uniweek_tab li a {display:block; width:100%; line-height:2; text-align:center; font-size:15px;font-weight:normal;padding:6px 0;}
ul.uniweek_tab li a.on {background:#35446b; color:#ffffff; font-weight:bold;}
ul.uniweek_tab li a:hover {background:#35446b; color:#ffffff;}
ul.uniweek_tab li:nth-child(1),ul.uniweek_tab li:nth-child(2) {border-top:1px solid #d9d9d9;}
ul.uniweek_tab li:nth-child(2n) {border-right:1px solid #d9d9d9;}
ul.uniweek_tab li:last-child {border-right:1px solid #d9d9d9;}
ul.uniweek_tab li span {font-size:14px;color:#aaa;}
ul.uniweek_tab.today li a.on {background:#4b6fca; color:#ffffff; font-weight:bold;}
ul.uniweek_tab.today li a:hover {background:#4b6fca; color:#ffffff;}

/*================================
       통일교육주간 유튜브
==================================*/
#movie_out {position:relative;max-width:100%;height:0;overflow:hidden;padding-bottom:56.26%;background-color:#f7f7fc;}
#movie_out .movie_in {position:absolute;top:5%;left:3%;width:94%;height:90%;}
.mov-tit {display:block;padding:1rem 0 1rem;font-size:1.3rem;color:#35446b;}

/*==========================
       통일교육주간
============================*/
.uniweek_book {}
.uniweek_book img {max-width:100%;height:auto;}
.uniweek_book .txt {margin:10px auto;padding:15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;}

/*=====================
   개인정보 처리방침
======================*/
.privacy_wrap {font-size:15px; color:#333; line-height:20px;}
ul.privacy_anchor {overflow:hidden; padding:15px 0; width:96%; margin:0 auto; border:2px solid #d9d9d9; margin-top:30px; border-radius:5px;}
ul.privacy_anchor li {display:inline-block; width:96%; padding-left:15px; line-height:25px; list-style:none;}
ul.privacy_anchor li a {color:#333; font-weight:bold;}
ul.privacy_anchor li a:hover {text-decoration:underline; color:#e37000;}

.privacy_infobox {padding:15px 0; width:96%; margin:0 auto; border:2px solid #d9d9d9; margin-top:30px; border-radius:5px;}
.privacy_infobox p {padding:0 15px;}

.privacy_ul {overflow:hidden; padding:15px 15px;}
.privacy_ul li {list-style:none; margin-bottom:7px;}
.privacy_ul li ul {padding:0 18px;}
.privacy_ul li ul li {margin-bottom:3px;}

/*==========================================
   FUN통일마당 SNS소통여행 2019 라이트개편
===========================================*/
.sns_bigdata {display:none;}
.sns_bigdata ul {width:100%;height:160px;}
.sns_bigdata ul li {float:left;list-style:none;;color:#fff;text-align:center;}
.sns_bigdata ul li button {color:#fff;position:relative;display:table-cell;vertical-align:middle;border:0;border-radius:100%;}
.sns_bigdata ul li button:hover {color:#ffff00;background-color:rgba(0,0,0,0.6);transition:all 0.5s;cursor:pointer;}
.sns_bigdata ul li .small {width:57px;height:57px;background:#97abe1;font-size:11px;}
.sns_bigdata ul li .medium {width:77px;height:77px;background-color:#6886d6;font-size:14px;}
.sns_bigdata ul li .big {width:105px;height:105px;background-color:#78829b;font-size:15px;}

.sns_data_bg {float:left;width:100%;background:#f4f4f4;box-sizing:border-box;padding:20px;}
.sns_data_bg ul {width:100%;}
.sns_data_bg ul li {float:left;width:100%;margin:0 0 20px 0;border:1px solid #d9d9d9;border-top:3px solid #3b5998;background:#fff;box-shadow:0px 1px 3px #ddd;list-style:none;box-sizing:border-box;}
.sns_data_bg ul li:nth-child(2) {margin-right:20px;border-top:3px solid #d42428;background:#fff;box-shadow:0px 1px 3px #ddd;}
.sns_data_bg ul li:nth-child(3) {margin-right:20px;border-top:3px solid #f9512b;background:#fff;box-shadow:0px 1px 3px #ddd;}
.sns_data_bg ul li:last-child {margin-right:0;margin-bottom:0;border-top:3px solid #55acee;background:#fff;box-shadow:0px 1px 3px #ddd;}

.sns_data_bg ul li .sns_facebook {width:100%;background:url('/contents/page/image/main/unikids/2019/icon_facebook.jpg') no-repeat 0% 0%;}
.sns_data_bg ul li .sns_youtube {width:100%;background:url('/contents/page/image/main/unikids/2019/icon_youtube.jpg') no-repeat 0% 0%;}
.sns_data_bg ul li .sns_instar {width:100%;background:url('/contents/page/image/main/unikids/2019/icon_instargram.jpg') no-repeat 0% 0%;}
.sns_data_bg ul li .sns_twitter {width:100%;background:url('/contents/page/image/main/unikids/2019/icon_twitter.jpg') no-repeat 0% 0%;}
.sns_data_bg ul li .title_more {float:right;padding:12px;vertical-align:middle;}

.sns_data_bg ul li a.more_view{font-size:12px;color:#364c86;border-bottom:1px solid #364c86;float:right;margin:0 20px 25px 0;padding-right:18px;
	background:url('/contents/page/image/main/uniedu/2019/double_arrow_blue.gif') no-repeat 100% 50%;}
.sns_data_bg ul li a.sns_more {line-height:49px;font-size:15px;padding:8px 0 8px 10px;}
.sns_data_bg ul li div.snsnew_title {line-height:49px;font-size:15px;}
.sns_data_bg ul li div.snsnew_title img{float:right;padding:12px 16px;}
.sns_data_bg ul li div.snsnew_thum {width:100%;padding:0;overflow:hidden;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.sns_data_bg ul li div.snsnew_thum img {width:100%;height:auto;}
.sns_data_bg ul li div.snsnew_txt {width:100%;padding:15px 20px;margin:0;box-sizing:border-box;}
.sns_data_bg ul li div.snsnew_txt p {font-size:13px;margin:10px 0 20px;}
.sns_data_bg ul li div.snsnew_txt a {font-size:12px;color:#364c86;border-bottom:1px solid #364c86;float:right;margin:0 6px 20px 0;padding-right:18px;
	background:url('/contents/page/image/main/uniedu/2019/double_arrow_blue.gif') no-repeat 100% 50%;}
.sns_data_bg ul li div.snsnew_txt .date {font-size:12px;color:#6a6a6a;display:inline-block;width:100%;text-align:right;letter-spacing:0;}

.sns_data_bg ul li span.sns_facebook {padding:20px;background:url('/contents/page/image/main/unikids/2019/icon_facebook.jpg') no-repeat 100% 50%;}
.sns_data_bg ul li span.sns_youtube {padding:20px;background:url('/contents/page/image/main/unikids/2019/icon_youtube.jpg') no-repeat 100% 50%;}
.sns_data_bg ul li span.sns_instar {padding:20px;background:url('/contents/page/image/main/unikids/2019/icon_instargram.jpg') no-repeat 100% 50%;}
.sns_data_bg ul li span.sns_twitter {padding:20px;background:url('/contents/page/image/main/unikids/2019/icon_twitter.jpg') no-repeat 100% 50%;}

.sns_data_bg ul li div.sns_txt {float:left;width:100%;padding:16px 0;box-sizing:border-box;border-top:1px solid #d9d9d9;}
.sns_data_bg ul li div.sns_txt p {position:relative;height: calc(1em*1.4*3);line-height: 1.4;margin:0 0 10px 0;padding-left:30px;white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sns_data_bg ul li div.sns_txt a {font-size:13px;color:#6a6a6a;margin:0 6px 20px 0;padding-right:18px;border:0;background:none;float:none;}
.sns_data_bg ul li div.sns_txt .date {float:left;font-size:12px;color:#999;display:inline-block;width:100%;text-align:right;letter-spacing:0;}

/*======================================
		도서/동영상 공유 버튼
========================================*/
.book_sharedControl{float: right;position:relative;top:15px;right:15px;color:#fff;}
.book_sharedIcon {border-radius:3px;padding:0 4px;font-size:22px;}
.book_sharedIcon.facebook {background-color:#3b5998;color:#fff;}
.book_sharedIcon.cacao{background-color:#ffe812;}
.book_sharedIcon.message{background-color:#666;color:#fff;}
.book_share_box {position:relative;top:-4px;color:#333;font-size:12px;border:1px solid #666;padding:5px 7px;border-radius:3px;margin-right:6px;}

.title_sharedControl{margin-left:10px;}
.title_sharedControl .share_box {position:relative;color:#333;top:-2px;font-size:12px;border:1px solid #666;padding:5px 7px;border-radius:3px;margin-right:6px;}
.title_sharedControl a img{vertical-align:middle;}

@media all and (max-width:676px) {
.book_sharedIcon {padding-top:4px;}
}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
.page-list-table thead, .page-list-table tbody {font-size:15px;}
.anchorpoint li a {padding:0 40px;}

/*=====================
 	목표과 연역
======================*/
.wrap_purpose {position:relative;}
.wrap_purpose .text_purpose {position:absolute;padding:0 200px;z-index:30;top:290px !important;font-size:13px;}
.wrap_purpose .text_purpose p.sub {display:none;float:left;padding-left:10%;font-size:20px;width:20%;}/* 숨김 처리 */
.wrap_purpose .text_purpose p.sub span {font-size:25px;}
.wrap_purpose .text_purpose p.title_info_purpose {width:72%;display:inline-block; margin-left:14%;}
.text_purpose:after {display:block;content:"";clear:both;}
.wrap_purpose ul {z-index:20;position:relative; padding-bottom:100px;}
.wrap_purpose ul > li {width:150px;height:150px;border-radius:100%;}

.wrap_purpose ul > li h5 {width:75px; height:20px;padding-top:20px;display:inline-block; text-align:center; position:absolute; bottom:110px; left:50%; margin-left:-37px;}
.wrap_purpose ul > li span {font-size:20px;font-weight:bold; width:75px; height:20px;padding-top:20px;text-align:center; position:absolute; bottom:85px; left:0%; margin-left:-37px;}

.wrap_purpose ul li.element_one {margin-bottom:70px;}
.wrap_purpose ul li.element_one_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #ab9073 solid; border-radius:5px; padding:15px; background:none; top:40px; left:50%; margin-left:100px; line-height:18px;}

.wrap_purpose ul li.element_two {display:inline-block;margin-right:80px;}
.wrap_purpose ul li.element_two_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #45a9a3 solid; border-radius:5px; padding:15px; background:none; top:425px; left:50%; margin-left:-260px; line-height:18px;}

.wrap_purpose ul li.element_three {display:inline-block;margin-left:80px;}
.wrap_purpose ul li.element_three_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #4fa7bd solid; border-radius:5px; padding:15px; background:none; top:425px; left:50%; margin-left:75px; line-height:18px;}

.wrap_purpose .line {z-index:10;}
.wrap_purpose .line p {-webkit-box-shadow: 0 1px 1px 1px #e6e6e6; box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;display:block;position:absolute;top:460px;left:30%;}
.wrap_purpose .line:before {-webkit-box-shadow: 0 1px 1px 1px #e6e6e6; box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); display:block;position:absolute;top:330px;left:20%;}
.wrap_purpose .line:after {-webkit-box-shadow: 0 1px 1px 1px #e6e6e6; box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg);display:block;position:absolute;right:20%;top:330px;}

.wrap_history > div p {font-size:15px;}

/*=====================
 	영문 목표과 연역
======================*/
.wrap_en_purpose {position:relative;width:100%;}
.wrap_en_purpose .text_purpose {position:absolute;padding:0 200px;z-index:30; top:285px !important; font-size:13px;}
.wrap_en_purpose .text_purpose p.sub {display:none;float:left;padding-left:10%;font-size:20px;width:20%;}/* 숨김 처리 */
.wrap_en_purpose .text_purpose p.sub span {font-size:25px;}
.wrap_en_purpose .text_purpose p.title_info_purpose {width:70%;display:inline-block; margin-left:15%;}
.text_purpose:after {display:block;content:"";clear:both;}

.wrap_en_purpose ul {z-index:20;position:relative; padding-bottom:100px;}
.wrap_en_purpose ul > li {width:150px;height:150px; padding-bottom:0;border-radius:100%;}
.wrap_en_purpose ul > li h5 {height:20px;padding-top:45px;display:block;}
.wrap_en_purpose ul > li span {font-size:16px;font-weight:bold;display:block; padding-top:17px; line-height:18px;}

.wrap_en_purpose ul li.element_one {margin-bottom:70px;}
.wrap_en_purpose ul li.element_one_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #ab9073 solid; border-radius:5px; padding:15px; background:none; top:20px; left:50%; margin-left:100px; line-height:18px;}

.wrap_en_purpose ul li.element_two {display:inline-block;margin-right:80px; position:relative;}
.wrap_en_purpose ul li.element_two_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #45a9a3 solid; border-radius:5px; padding:15px; background:none; top:425px; left:50%; margin-left:-260px; line-height:18px;}

.wrap_en_purpose ul li.element_three {display:inline-block;margin-left:80px;}
.wrap_en_purpose ul li.element_three_txt {position:absolute; margin:0; width:150px; height:auto; border:2px #4fa7bd solid; border-radius:5px; padding:15px; background:none; top:425px; left:50%; margin-left:75px; line-height:18px;}

.wrap_en_purpose .line {z-index:10;}
.wrap_en_purpose .line p {box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;display:block;position:absolute;top:460px;left:30%;}
.wrap_en_purpose .line:before {box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;transform:rotate(-60deg); -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);display:block;position:absolute;top:330px;left:20%;}
.wrap_en_purpose .line:after {box-shadow:0 1px 1px 1px #e6e6e6;content:"";width:310px;transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg); display:block;position:absolute;right:20%;top:330px;}

/*=====================


======================*/
.uniedu_app_btn .iphone {margin-left:25px;}

.appzone .app_img {position:absolute; left:20px; top:20px;}
.appzone .app_title {margin:0 0 10px 0; text-align:left; padding-left:155px;}
.appzone .app_txt {text-align:left; padding-left:155px;}
.appzone .app_btn {text-align:left; padding-left:155px;}

/*=====================
 	교수진소개
======================*/
.wrap_professor ul.global li {width:49%;height:255px;margin-right:2%; float:left; vertical-align:top;overflow:hidden;padding:20px;}
.wrap_professor ul.global li:nth-child(2n) {margin-right:0;}
.wrap_professor ul.global li img {width:30%;max-width:119px;}
.wrap_professor ul.global li.long p.name {font-size:12px;}

/*=====================
 	영문 교수진소개
======================*/
.wrap_professor_en div {margin-left:5%;}
.wrap_professor_en div div:nth-child(odd) {width:44%; float:right; vertical-align:top;overflow:hidden;}
.wrap_professor_en div div:nth-child(even) {width:44%; float:left; vertical-align:top;overflow:hidden;}
.wrap_professor_en div.domestic div {height:285px;}
.wrap_professor_en div.global div {height:400px;}
.wrap_professor_en div div {padding:10px 2%;}
.wrap_professor_en div div.long p.name {font-size:12px;}
.wrap_professor_en div div img {width:90px;}
.wrap_professor_en div div p.name {margin-left:0%; padding-top:15px; line-height:1.2;}
.wrap_professor_en div div p.detail {line-height:1.2;}

.wrap_professor_en div.domestic div img {padding-top:15px; float: left;}
.wrap_professor_en div.global div img {padding-top:15px;}

.wrap_professor_en div.domestic section {float: right;width: 66%;}
.wrap_professor_en div.domestic div{height: 250px;}

/*=====================
 	161026-신규 교수진
======================*/
ul.professor > li {width:49%;height:200px;float:left;margin-right:2%;}
ul.professor > li:nth-child(2n) {margin-right:0;}
ul.professor > li > div.p_info {width:31%;}
ul.professor > li > div.p_info img {width:100%; max-width:119px;}
ul.professor > li > div.p_subject {width:69%;}

/*=====================
 	전국통일관 안내
======================*/
.wrap_exhibition .anchorpoint {margin-bottom:0;padding-top:0;margin-left:2.5%;height:40px;text-align:center;}
.wrap_exhibition .anchorpoint li {width:14%;}
.wrap_exhibition .anchorpoint li:nth-child(-n+7) {border-top:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:nth-child(3n) {border-right:0;}
.wrap_exhibition .anchorpoint li:nth-child(7n) {border-right:1px solid #d9d9d9;}
.wrap_exhibition .exhibition_all {margin-top:60px;}
.wrap_exhibition div h5 span {}
.wrap_exhibition div.first div {position:relative;}
.wrap_exhibition div.first div > img {position:absolute;border:2px solid #b7b7b7;top:10px;right:2.5%;}
.wrap_exhibition div.second  div img {max-width:190px;width:20%;display:inline-block;text-align:left;}
.wrap_exhibition div.second  div p.text {display:inline-block;width:75%;margin-left:1%;}
.wrap_exhibition div.third div img {display:inline-block;width:50%;text-align:left;}
.wrap_exhibition div.third div p span.first {margin-top:0;}
.wrap_exhibition div.third div p {display:inline-block;width:40%;text-align:left;margin-left:4%;vertical-align:top;}
.exhibition div div img.width {max-width:100%;width:100%;display:block;}
.exhibition div.second div p.width {width:100%;max-width:100%;margin-left:0;}
.wrap_exhibition .page-list-table {width:70%;}
.exhibition03 div.third div div {width:100%;margin:15px auto;line-height:2;}
.exhibition03 div.third div img {max-width:100%;display:block;margin:0 auto;}
.exhibition03 div.third div div img {max-width:100%;}
.exhibition03 div.third div p {width:100%;margin:0 auto;display:block;}
.wrap_exhibition .exhibition03 div.third div img {width:100%; max-width:690px;}
.exhibition04 div.third div img {width:63%;max-width:63%;}
.exhibition04 div.third div p {width:auto;}
.exhibition05 div.first div > img:first-child  {position:absolute;border:2px solid #b7b7b7;top:30px;right:2.5%;}
.exhibition05 div.first div > img:last-child  {position:absolute;border:2px solid #b7b7b7;top:210px;right:2.5%;}
.exhibition05 div.third div img {max-width:100%;display:block;margin:0 auto;text-align:center;}
.exhibition05 div.third .page-list-table {width:100%;}
.exhibition06 div.third div img {display:block;}
.exhibition06 div.third .page-list-table {width:100%;}
.exhibition08 div.second div div.exception {text-align:left;width:20%;display:inline-block;vertical-align:top;}
.exhibition08 div.second div div.exception > img {display:block;width:100%;max-width:190px;position:relative;}
.exhibition08 div.second div:nth-child(2) {border-top:none;}
.exhibition08 div.second div p.exception {vertical-align:top;}
.exhibition11 div.second div div.exception {text-align:left;width:20%;display:inline-block;vertical-align:top;}
.exhibition11 div.second div div.exception > img {display:block;width:100%;max-width:190px;position:relative;margin:5px 10px;}
.exhibition11 div.second div:nth-child(2) {border-top:none;}
.exhibition11 div.second div p.exception {vertical-align:top;margin-left:10%;width:60%;}

/*=====================
 	조직도
======================*/
.organization_map {height:450px;}
.organization_map .first {width:45%;vertical-align:top;float:left;}
.organization_map .middle{border:2px solid #a4814e;}
.organization_map .second {float:right;width:45%;vertical-align:top;}
.organization_map .en_organization_map:after {content:"";clear:both;display:block;}
.organization_map .top {width:25%;display:block;}
.organization_map .top a {line-height:4;}
.organization_map .middle {width:65%;}
.organization_map .middle a {line-height:4;}
.organization_map .rec {width:40%;display:block;vertical-align:middle;margin:10px auto;}
.organization_map .rec a {line-height:50px;}
.organization_map .rec a span {display:inline;}
.organization_map .cyber {left:75%;bottom:190px;}
.organization_map .cyber a {line-height:50px;display:block;}
.organization_map .line01 {top:95px;left:23%;width:54.4%;}
.organization_map .line02 {display:none;}
.organization_map .line03 {display:none;}
.organization_map .line04 {width:25%;top:225px;left:20%;}
.organization_map .line06 {height:250px;top:95px;left:23%;}
.organization_map .line09 {height:250px;top:95px;left:77.3%;}
.organization_map .line05 {height:55px;left:50%;}
.organization_map .line07 {display:none;}
.organization_map .line08 {display:none;}
.organization_map .line10 {display:none;}
.organization_map .line11 {display:none;}

/*=====================
 	영문 조직도
======================*/
.en_organization_map {height:450px;}
.en_organization_map .first {width:45%;vertical-align:top;float:left;}
.en_organization_map .middle{border:2px solid #a4814e;}
.en_organization_map .second {float:right;width:45%;vertical-align:top;}
.en_organization_map .en_organization_map:after {content:"";clear:both;display:block;}
.en_organization_map .top {width:25%;display:block;}
.en_organization_map .top a {line-height:4;}
.en_organization_map .middle {width:65%;}
.en_organization_map .middle a {line-height:4;}
.en_organization_map .rec {width:53%;display:block;vertical-align:middle;margin:10px auto;}
.en_organization_map .rec a {line-height:1;height:52px; padding-top:15px;}
.en_organization_map .rec a span {display:inline;}
.en_organization_map .cyber {left:75%;bottom:195px;margin-left:20px;}
.en_organization_map .cyber a {line-height:1.6;display:block;}
.en_organization_map .line01 {top:90px;left:23%;width:54.3%;}
.en_organization_map .line02 {display:none;}
.en_organization_map .line03 {display:none;}
.en_organization_map .line04 {width:25%;top:226px;left:20%;}
.en_organization_map .line06 {height:250px;top:90px;left:23%;}
.en_organization_map .line09 {height:250px;top:90px;left:77.3%;}
.en_organization_map .line05 {height:50px;left:50%;}
.en_organization_map .line07 {display:none;}
.en_organization_map .line08 {display:none;}
.en_organization_map .line10 {display:none;}
.en_organization_map .line11 {display:none;}

/*=====================
 	약도 및 시설안내
======================*/
.wrap_transportation_map h4 span.map_address {display:inline-block; margin:0 0 0 20px;}
.transportation > div > div {width:90%;border-bottom:1px solid #d9d9d9;margin:0 auto;}

.transportation .image {width:20%;display:inline-block;text-align:center;vertical-align:top;margin:20px 0;}

/*=====================
 	영문시설안내
======================*/
.wrap_en_transportation_map .anchorpoint li:first-child {width:280px;}
.transportation > div > div {width:100%;border-bottom:1px solid #d9d9d9;margin:0 auto;}

/*=====================
 	지역통일교육센터
======================*/
.wrap_education_center .anchorpoint {margin-bottom:0;padding-top:0;height:80px;text-align:center;}
.wrap_education_center .anchorpoint li {width:9.85%;}
.wrap_education_center .anchorpoint li:nth-child(-n+10) {border-top:1px solid #d9d9d9;}
.wrap_education_center .anchorpoint li:nth-child(3n) {border-right:0;}
.wrap_education_center .anchorpoint li:nth-child(10n) {border-right:1px solid #d9d9d9;}

/*=====================
   담당자 연락처
======================*/
.wrap_contact div.first {width:48%;}
.wrap_contact div.second {width:48%;padding-left:3%;}
.wrap_contact div {display:inline-block;}

/*=====================
   영문 담당자 연락처
======================*/
.wrap_en_contact div.first {width:48%;}
.wrap_en_contact div.second {width:48%;padding-left:3%;}
.wrap_en_contact div {display:inline-block;}
.wrap_en_contact div tbody tr {height:56px;}

/*=====================
   합의서.법령.통계
======================*/
.wrap_treaty_law li {width:32%;margin-right:1.7%;margin-top:0;padding:30px 2.5%;float:left;box-sizing:border-box;}
.wrap_treaty_law li:last-child {margin-right:0;}
.wrap_treaty_law li p {min-height:136px;}

/*=====================
   국내캠프소개
======================*/
.wrap_domestic_camp_intro img {margin:20px auto;max-width:690px;}

/*=====================
   인사말
======================*/
.wrap_introduction .greeting {padding:30px;background:url('/contents/page/image/introduction/introduction09.png') no-repeat top right;}
.wrap_introduction .kids_business li {width:47%;float:left;padding:30px 0;}
.wrap_introduction .kids_business li.first {padding-right:3%;background:url('/contents/page/image/introduction/border_dashed.gif') repeat-y 100% 0;}
.wrap_introduction .kids_business li.second {padding-left:3%;margin-top:0;}
.wrap_introduction .second .imgBanner {margin-bottom:0;}

/*=====================
   영문 인사말
======================*/
.wrap_en_introduction p.image {background:url("/contents/page/image/introduction/introduction02.jpg") no-repeat 10px center;height:300px;width:100%;background-size:100% auto;margin-top:10px;margin-bottom:10px;}

/*=====================
   기자단 소개
======================*/
.wrap_kp_intro div.box01 img {display:inline-block;margin-top:10px;margin-right:10%;}
.wrap_kp_intro div.box01 div {display:inline-block;width:65%;text-align:left;}
.wrap_kp_intro div.box01 div > p {text-align:left;width:100%;}
.wrap_kp_intro div.box01 div > p:first-child {width:100%;text-align:left;}
.wrap_kp_intro div.box01 div > p:last-child {width:100%;text-align:left;}
.wrap_kp_intro > div.first_div img.img {top:60px;}
.wrap_kp_intro div.second_div {margin-top:50px}
.wrap_kp_intro div.second .box div:last-child span a {display:inline-block;margin-top:10px;width:30%;}
.wrap_kp_intro > div:nth-child(1) .second {font-size:36px;}
.wrap_kp_intro .box01 div > p:first-child {font-size:26px;}

/*=====================
   교육이용 안내
======================*/
.wrap_edu_info .site06 img {max-width:350px; width:auto; height:auto;}
.wrap_edu_info .site06 .site06_fl {float:left; width:48%}
.wrap_edu_info .site06 .site06_fr {float:right; width:48%}

.wrap_edu_info ul.edu_info_tab li {width:16.66%;}
.wrap_edu_info ul.edu_info_tab li:nth-child(2n) {border-right:none;}
.wrap_edu_info ul.edu_info_tab li:nth-child(3), .wrap_edu_info ul.edu_info_tab li:nth-child(4), .wrap_edu_info ul.edu_info_tab li:nth-child(5), .wrap_edu_info ul.edu_info_tab li:nth-child(6) {border-top:1px solid #d9d9d9;}
.wrap_edu_info ul.edu_info_tab li:nth-child(6) {border-right:1px solid #d9d9d9;}

.wrap_edu_info ul.edu_info_tab_4th li {width:25%;}
.wrap_edu_info ul.edu_info_tab_4th li:nth-child(4) {border-right:1px solid #d9d9d9;}

/*=====================
   행사소개 및 참가기관
======================*/
ul.page_content_tab li{font-size:15px;}

/*=====================
   행사소개 및 참가기관
======================*/
.uniweek_info .site02 table {width:48%;display:inline-block;vertical-align:top;}
.uniweek_info .site04 ul li {display:inline-block;width:24%;}
.uniweek_info .site04 ul li:nth-child(29) {margin-right:74%;}
.uniweek_info > ul.page_content_tab li{font-size:18px;}

ul.privacy_anchor li {width:45%;}

/*==========================
   통일교육주간 소개 및 연혁
============================*/
.uniweek_intro > ul.page_content_tab li{font-size:18px;}

/*==========================
       통일교육주간 tab
============================*/
ul.uniweek_tab li {width:14.28%; border-top:1px solid #d9d9d9;}
ul.uniweek_tab li:nth-child(2n) {border-right:0;}
ul.uniweek_tab li:last-child {border-right:1px solid #d9d9d9;}
ul.uniweek_tab.today li {width:25%;}
.mov-tit {font-size:1.3rem;}

/*=====================
   국내 프로그램 및 일정
======================*/
.wrap_domestic_programe_iternary  img {margin:20px auto;max-width:690px;}

/*=====================
     통일교육원 MI
======================*/
.uniweek_banner ul.uew_banner_area {padding:26px 30px;}
.uniweek_banner ul.uew_banner_area li {width:28%;text-align:left;float:left;}
.uniweek_banner ul.uew_banner_area li:nth-child(odd) {width:72%;}
.uniweek_banner ul.uew_banner_area li:last-child {margin-bottom:0;}
.uniweek_banner ul.uew_banner_area li img.poster1 {width:450px;height:147px;}
.uniweek_banner ul.uew_banner_area li img.poster2 {width:140px;height:225px;}
.uniweek_banner ul.uew_banner_area li img.poster3 {width:450px;height:196px;}
.uniweek_banner ul.uew_banner_area li img.poster4 {width:140px;height:271px;}
.uniweek_banner ul.uew_banner_area li img.poster5 {width:596px;height:147px;}
.uniweek_banner ul.uew_banner_area li img.poster6 {width:235px;height:221px;}
.uniweek_banner ul.uew_banner_area li img.poster7 {width:596px;height:163px;}
.uniweek_banner ul.uew_banner_area li img.poster8 {width:235px;height:266px;}

/*============================
			FUN통일마당
==============================*/
.sns_bigdata {display:block;height:160px;margin-bottom:24px;background: url(/contents/page/image/main/unikids/2019/fun_sns_bigdata_bg.jpg) 50% 100% no-repeat;background-size: cover;}
.sns_bigdata ul li:nth-child(11) {display:none;}
.sns_bigdata ul li:last-child {display:none;}

.sns_data_bg ul {}
.sns_data_bg ul li {width:48%;margin-right:20px;}
.sns_data_bg ul li:nth-child(3) {margin-bottom:0;}
.sns_data_bg ul li:nth-child(2n) {float:right;margin-right:0;}

/*=====================
       저작권정책
======================*/
.wrap_copyright table img {width:auto;height:68px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
.anchorpoint a.pc_view {display:block;}
.anchorpoint a.mobile_view {display:none;}

/*=====================
 	앱존
======================*/
.uniedu_app_area {width:100%;}

.appzone {width:100%;}
.appzone .app_title {padding-right:155px;}
.appzone .app_txt {padding-right:155px; font-size: 24px;}
.appzone .app_btn {padding-right:155px;}
.appzone .qr_code {display:inline-block; position:absolute; right:20px; top:20px;}
.appzone .qr_code img {width:130px; height:130px; border:1px solid #d9d9d9;}

.uniedu_app .sub_title {margin:25px 0 0 0; font-size:24px; font-weight:bold; color:#fff; text-align:center;}

/*=====================
 	목표과 연역
======================*/
.wrap_history {width:100%;}
.wrap_history > div.twenithC {margin-left:24%;}
.wrap_history > div.nineteenthC {margin-left:24%;}
.wrap_history > div.from1972 {margin-left:35%;}
.wrap_history > div {position:relative;}
.wrap_history > div > img {position:absolute;right:110%;}

.wrap_purpose {width:100%;}

/*=====================
 	영문 목표과 연역
======================*/
.wrap_en_history {width:100%;}
.wrap_en_history > div.twenithC {margin-left:22.3%;}
.wrap_en_history > div.nineteenthC {margin-left:22.3%;}
.wrap_en_history > div.from1972 {margin-left:35%;}
.wrap_en_history > div {position:relative;width:70%;}
.wrap_en_history img {position:absolute;right:109%;}




/*=====================
 	교수진 소개
======================*/
.wrap_professor {width:100%;}
.wrap_professor ul.global li {width:33%;height:270px;margin-right:.5%;}
.wrap_professor ul.global li:nth-child(2n) {margin-right:.5%;}
.wrap_professor ul.global li:nth-child(3n) {margin-right:0;}
.wrap_professor ul.global li img {width:30%;max-width:119px;}
.wrap_professor ul.global li.long p.name {font-size:12px;}

/*=====================
 	영문 교수진 소개
======================*/
.wrap_professor_en div div:nth-child(odd) {width:49%; float:right; vertical-align:top; overflow:hidden;}
.wrap_professor_en div div:nth-child(even) {width:49%; float:left; vertical-align:top; overflow:hidden;}
.wrap_professor_en div div {padding:20px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.wrap_professor_en div.domestic {width:100%;}
.wrap_professor_en div.domestic div {width 50%; height:210px; margin-bottom:20px;}
.wrap_professor_en div.domestic div img{width:100px; height:134px; padding-top:0px;}
.wrap_professor_en div.domestic div p.name {padding-top:0;}
.wrap_professor_en div.domestic section {float: right;width: 76%;}
.wrap_professor_en div.global {width:100%;}
.wrap_professor_en div.global div p.name {padding-top:0; width: 70%; padding-left: 10px;}
.wrap_professor_en div.global div img {padding-top:0; width: 100px;height: 134px;}
.wrap_professor_en .contact {width:100%; margin-top:20px;}
.wrap_professor_en div.domestic .name{margin-left:0%;}
.wrap_professor_en div div ul.en_detail_ul {list-style: none; padding-left: 0;}
.wrap_professor_en div div p.name span{line-height: 1.8rem;}
.wrap_professor_en div div p.name strong{line-height: 1.8rem;}

.wrap_professor_en div.global div {height:265px;}

/*=====================
 	161026-신규 교수진
======================*/
.professor_area {width:100%;}
ul.professor > li {width:33%;height:180px;padding:12px 20px;float:left;margin-right:.5%;}
ul.professor > li:nth-child(2n) {margin-right:.5%;}
ul.professor > li:nth-child(3n) {margin-right:0;}
ul.professor > li > div.p_info {padding-right:20px;}
/* ul.professor > li > div.p_info {width:112px; padding-right:20px;}
ul.professor > li > div.p_subject {width:171px;} */

/*=====================
 	전국통일관 안내
======================*/
.wrap_exhibition .anchorpoint {margin-left:0;}
.wrap_exhibition .anchorpoint li {width:69.5px;}
.wrap_exhibition .anchorpoint li {border-top:1px solid #d9d9d9;}
.wrap_exhibition .anchorpoint li:nth-child(3n) {border-right:0;}
.wrap_exhibition .anchorpoint li:nth-child(7n) {border-right:0;}
.wrap_exhibition .anchorpoint li:last-child {border-right:1px solid #d9d9d9;}
.wrap_exhibition div.second  div img {width:190px;display:inline-block;text-align:left;}

.wrap_exhibition .exhibition_all {margin-top:30px;}
.exhibition_all img {max-width:410px; max-height:493px; margin-top:0;display:inline-block;text-align:left;vertical-align:middle;}
.exhibition_all div p {width:70%;margin-top:30px;display:inline-block;text-align:left;vertical-align:middle;margin-left:20px;}
.exhibition_all div p span {font-size:18px;}

.wrap_exhibition div div {margin-top:0;}
.wrap_exhibition .anchorpoint a.on {background:#e37000;color:#ffffff;}
.wrap_exhibition div.second div p.text {width:80%;margin-left:2%;}
.exhibition div div img.width {max-width:100%;width:100%;display:block;}
.exhibition div.second div p.width {width:100%;margin-left:0;}
.exhibition06 div.third div img {display:block;}
.exhibition08 div.second div p.exception {margin-top:20px;}
.exhibition11 div.second div p.exception {margin-top:20px;}

/*=====================
 	조직도 안내
======================*/
.en_organization_map .rec a {padding-top:17px;}
.en_organization_map .cyber a {line-height:1;display:block;}

/*=====================
 	약도 및 시설안내
======================*/
.transportation01 h4 span {margin-left:0;}
.wrap_transportation_map .transportation .transportation02 {width:100%;background:#f4f4f4;position:relative;;}
.transportation03 h5.sub_title {width:80%;}

/*=====================
 	영문 약도 및 시설안내
======================*/
.wrap_en_transportation_map .transportation .transportation02 {width:100%;background:#f4f4f4;position:relative;;}

/*=====================
 	홍보영상
======================*/
.wrap_advideo .text {width:100%;}
.wrap_en_advideo .text {width:100%;}

/*=====================
 	교육서비스헌장
======================*/
.wrap_edu_charter {width:100%;}

/*=====================
 	지역통일교육센터
======================*/
.wrap_education_center .anchorpoint {margin-left:0; height:60px;}
/* 	.wrap_education_center .anchorpoint li {width:96px;}
	.wrap_education_center .anchorpoint li {border-top:1px solid #d9d9d9;}
	.wrap_education_center .anchorpoint li:nth-child(3n) {border-right:0;}
	.wrap_education_center .anchorpoint li:nth-child(7n) {border-right:0;}
	.wrap_education_center .anchorpoint li:last-child {border-right:1px solid #d9d9d9;} */
.wrap_education_center h4.main {margin-left:0;}

.wrap_education_center > div {width:100%;}
.wrap_education_center  div p.box {width:45%;display:inline-block;vertical-align:top;margin-right:2%;}
.wrap_education_center  div p.text {width:45%;display:inline-block;vertical-align:top;}
.wrap_education_center  div.first .ul_text {margin:20px 0 0 0; width:45%;display:inline-block;vertical-align:top;}
.wrap_education_center  div.second p.text {width:100%;}

.wrap_education_center .education_center_all {margin-top:30px; position:relative; text-align:left;}
.wrap_education_center .education_center_all img {max-width:410px; max-height:493px; margin-top:0;display:inline-block;text-align:left;vertical-align:middle;}
.wrap_education_center .education_center_all div p {width:65%;margin-top:30px;display:inline-block;text-align:left;vertical-align:middle;margin-left:20px;}
.wrap_education_center .education_center_all div p span {font-size:18px;}

.wrap_education_center .education_center_all div span.center_btn {position:absolute; right:0; top:20px;}

/*=====================
   인사말
======================*/
.wrap_introduction .kids_business li {padding:20px 0 50px 0;}

.wrap_en_introduction div {padding:20px 0 0 20px;}
.wrap_en_introduction .content{width: 53%;}

.wrap_en_introduction {display: flex; justify-content: space-between;}
.en_intro_img{width: 530px; height: 600px; background:url('/contents/page/image/en_introduction/introduction_09.jpg') no-repeat;}

/*=====================
   합의서.법령.통계
======================*/
.wrap_treaty_law {width:100%;}

/*=====================
   개인정보 처리방침
======================*/
.wrap_personal_info {width:100%;}
.wrap_personal_info .page_hz_sub {width:100%!important;right:0;}
.wrap_personal_info .policy {padding:10px 2%;}
.wrap_personal_info_03 img {display:block; margin:25px auto; position:relative; width:100%;}
.wrap_personal_info .policy img {width:100%;margin-left:15px;}
.wrap_personal_info .policy div p {margin:13px 30px;}

/*=====================
   저작권정책
======================*/
.wrap_copyright div:first-child img {vertical-align:middle;}

/*=====================
   이메일무단수집거부
======================*/
.wrap_no_email div:first-child {width:100%;}
.wrap_no_email .second {padding-top:60px;padding-bottom:10px;padding-left:90px;}
.wrap_no_email .third {padding-top:10px;padding-bottom:60px;padding-left:90px;}

/*=====================
   관련사이트
======================*/
.wrap_related_site div[class^="site"] ul li {width:33.2%;}
.wrap_related_site div[class^="site"] ul li:nth-child(2n) {border-right:1px solid #d9d9d9;}
.wrap_related_site div[class^="site"] ul li:nth-child(3) {border-top:2px solid #666666;}
.wrap_related_site div[class^="site"] ul li:nth-child(3n) {border-right:none;}
.wrap_related_site h4 span {margin-left:0;}

/*=====================
   국내캠프소개
======================*/
ul.camp_tab li {width:25%;}
ul.camp_tab li:nth-child(2) {border-right:none;}
ul.camp_tab li:nth-child(3), ul.camp_tab li:nth-child(4) {border-top:1px solid #d9d9d9;}
ul.camp_tab li:nth-child(3n) {border-right:none;}

.wrap_domestic_camp_intro {margin-left:0; width:100%;}
.wrap_domestic_camp_intro div[class^="site"] {width:100%;}
.wrap_domestic_camp_intro table{width:100%;right:0;}

#camp_popup {display:block;position:fixed;top:193px;left:10px;z-index:2000;}
#camp_popup .popup_close {width:30px;height:30px;position:absolute;top:0;right:0;z-index:2100;}
.camp_popup_img {width:500px;height:630px;box-shadow:3px 3px 10px rgba(0,0,0,.1);}
#camp_popup form {display:inline-block;margin-top:10px;}
#camp_popup form input {padding:0;margin:-2px 0 0 0;}
#camp_popup form label {padding:0;margin:0;}

/*=====================
   참가 절차 안내/준비 사항
======================*/
.wrap_domestic_introduction_preparation {margin-left:0; width:100%;}
.wrap_domestic_introduction_preparation div[class^="site"] {width:100%;}
.wrap_domestic_introduction_preparation table{width:100%;right:0;}

/*=====================
   국내 프로그램 및 일정
======================*/
.wrap_domestic_programe_iternary {margin-left:0; width:100%;}
.wrap_domestic_programe_iternary div[class^="site"] {width:100%;}
.wrap_domestic_programe_iternary table {width:100%;right:0;}

/*=====================
   국외 캠프 소개
======================*/
.wrap_international_camp_intro .page-list-table  {width:100%;margin-left:0;}
.wrap_international_camp_intro .page_hz_dtable {right:0;}
.wrap_international_camp_intro {width:100%;margin-left:0;}
.wrap_international_camp_intro div[class^="site"] {width:100%;}
.wrap_international_camp_intro img {width:100%;margin-left:0;}

/*=====================
   기자단 소개
======================*/
ul.camp_tab.kidpress_tab li {width:33.33%;}
.wrap_domestic_camp_intro ol li {min-height:100px;font-size:14px;float:left;box-sizing:border-box;}
.wrap_domestic_camp_intro ol li.bd_box {width:18%;}
.wrap_domestic_camp_intro ol li.bd_box1 {background:url("/contents/page/image/kp_intro/1.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box2 {width:34%;background:url("/contents/page/image/kp_intro/2.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box3 {background:url("/contents/page/image/kp_intro/3.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bd_box4 {background:url("/contents/page/image/kp_intro/4.gif") no-repeat 0 0;background-size:50px;}
.wrap_domestic_camp_intro ol li.bg_arrow {width:4%;background:url("/contents/page/image/kp_intro/right_arrow.gif") no-repeat 50% 50%;}

/*=====================
   교육이용 안내
======================*/
.wrap_edu_info div[class^="site"] {width:100%;}
.wrap_edu_info table {width:100%;right:0;}

.wrap_edu_info .site06 p {width:100%; background:#f8f8f8; padding:15px 5px; border:1px solid #d9d9d9; border-radius:5px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/*======================================
			FUN통일마당
========================================*/
.sns_bigdata {display:block;height:160px;margin-bottom:24px;background: url(/contents/page/image/main/unikids/2019/fun_sns_bigdata_bg.jpg) 50% 100% no-repeat;background-size: cover;}
.sns_bigdata ul li:nth-child(11) {display:block;}
.sns_bigdata ul li:last-child {display:block;}

.sns_data_bg {width:1240px;margin:0 auto;background:#f4f4f4;padding:20px;}
.sns_data_bg ul {margin:0;}
.sns_data_bg ul li {width:283px;}
.sns_data_bg ul li:nth-child(2) {float:left;margin-right:20px;}

/*==========================
   통일교육주간 소개 및 연혁
============================*/
.uniweek_intro {width:100%;}
.uniweek_info h4 {margin-left:0;}
.uniweek_intro .site01 img {float:left;vertical-align:middle;}
.uniweek_intro .site01 div {float:right;display:inline-block;width:67%;vertical-align:middle;margin-top:20px;}
.uniweek_intro .site01:after {content:"";display:block;clear:both;}
.uniweek_intro .site02 div img {float:left;vertical-align:middle;}
.uniweek_intro .site02 div div {float:right;display:inline-block;width:67%;vertical-align:middle;}
.uniweek_intro .site02 div:after {content:"";display:block;clear:both;}

.uniweek_intro .camp_tab li {width:14.25%;}
.uniweek_intro .camp_tab li:nth-child(4) {border-right:none;}
.uniweek_intro .camp_tab li:nth-child(5), .uniweek_intro .camp_tab li:nth-child(6) {border-top:1px solid #d9d9d9;}
.uniweek_intro .camp_tab li:last-child {border-top:1px solid #d9d9d9;}

/*==========================
   통일교육주간 소개 배너
============================*/
.uniweek_banner {width:100%;}

/*=====================
   개인정보 처리방침
======================*/
ul.privacy_anchor {width:99%;}
ul.privacy_anchor li {width:47%; padding-left:20px;}

.privacy_infobox {width:99%;}

/*=====================
     통일교육원 MI
======================*/
.uniweek_banner ul.uew_banner_area {padding:60px;}
.uniweek_banner ul.uew_banner_area li:nth-child(3) {margin-bottom:0;}
}

/*=====================
 	161026-신규 교수진
======================*/
@media all and (min-width:1260px){
ul.professor > li {height:150px;}
/* ul.professor > li {height:240px;}
ul.professor > li > div.p_subject {width:255px;} */

.wrap_professor ul.global li {height:245px;}
}

/*============================================================================================================================
													대표홈 카페 페이지 설정
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
.cafe_info {width:100%; margin:30px 0;}
.cafe_info .cafe_info1 {width:95%; height:340px; margin:0 auto; border:2px solid #ab997e; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;
	background-image:url('/contents/page/image/cafe_info/cafe_info1_cloud_bg.png'), url('/contents/page/image/cafe_info/cafe_info1_icon.png'), url('/contents/page/image/cafe_info/cafe_info1_img.png'), url('/contents/page/image/cafe_info/cafe_info1_bg.png');
	background-position:center 40px, center 80%, center center, left top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat;
	background-size:90% 200px, 98% auto, 100% 100%,  4px 4px;}
.cafe_info .cafe_info1 .cafe_provision {position:absolute; width:70%; height:auto; top:90px; left:50%; margin-left:-35%;}
.cafe_info .cafe_info1 .cafe_provision .cafe_provision_txt {font-weight:bold; font-size:18px; line-height:20px;}

.cafe_info .cafe_info2 {width:95%; height:340px; margin:30px auto 0 auto; border:2px solid #ab997e; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;
	background-image:url('/contents/page/image/cafe_info/cafe_info2_pc.png'), url('/contents/page/image/cafe_info/cafe_info2_img.png'), url('/contents/page/image/cafe_info/cafe_info2_bg.png');
	background-position:center 20px, right 10%, left top;
	background-repeat:no-repeat, no-repeat, repeat;
	background-size:85% 300px, 70% 300px, 4px 4px;}
.cafe_info .cafe_info2 .cafe_pc {position:absolute; width:70%; height:auto; top:60px; left:50%; margin-left:-35%;}
.cafe_info .cafe_info2 .cafe_pc .cafe_pc_txt {font-weight:bold; font-size:15px; line-height:20px; color:#fff;}

.cafe_progress_area {background:#f8f8f8; border:1px solid #d9d9d9; border-radius:5px; padding:20px 20px 5px 20px; width:95%; height:auto; margin:10px auto 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.cafe_progress_area ul.cafe_progress {padding:0; margin:0; overflow:hidden; text-align:center;}
	ul.cafe_progress li {list-style:none; float:left; margin:0 10px 20px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

	ul.cafe_progress li.cafe_circle {border:1px solid #d9d9d9; background:#fff; width:134px; height:134px; border-radius:67px;}
	ul.cafe_progress li.cafe_circle p {text-align:center; font-size:16px; font-weight:bold;}
	ul.cafe_progress li.cafe_circle p.txt {margin:25px 0 12px 0; vertical-align:middle;}
	ul.cafe_progress li.cafe_circle p.txt.txt2 {margin-top:18px;}
	ul.cafe_progress li.arrow {height:134px;}
	ul.cafe_progress li.arrow img {margin-top:42px;}

	ul.cafe_progress li.circle_orange {-webkit-box-shadow: 6px 0 0 0 #f8dd95; box-shadow: 6px 0 0 0 #f8dd95;}
	ul.cafe_progress li.circle_orange .color {color:#d59525;}

	ul.cafe_progress li.circle_yellow {-webkit-box-shadow: 6px 0 0 0 #e5e16d; box-shadow: 6px 0 0 0 #e5e16d;}
	ul.cafe_progress li.circle_yellow .color {color:#b4a71b;}

	ul.cafe_progress li.circle_lgreen {-webkit-box-shadow: 6px 0 0 0 #bad872; box-shadow: 6px 0 0 0 #bad872;}
	ul.cafe_progress li.circle_lgreen .color {color:#8ebb23;}

	ul.cafe_progress li.circle_dgreen {-webkit-box-shadow: 6px 0 0 0 #7ec778; box-shadow: 6px 0 0 0 #7ec778;}
	ul.cafe_progress li.circle_dgreen .color {color:#4bac43;}

	ul.cafe_progress li.circle_cian {-webkit-box-shadow: 6px 0 0 0 #78c7c4; box-shadow: 6px 0 0 0 #78c7c4;}
	ul.cafe_progress li.circle_cian .color {color:#2da6a1;}

.cafe_info_txt2 {margin:30px 0;}

/*======================================
			태블릿용 CSS
========================================*/
@media all and (min-width:768px){
.cafe_info {width:95%; margin:30px auto;}
.cafe_info .cafe_info1 {width:55%; float:left; border-radius:5px 0 0 5px; border-right:none;
background-image:url('/contents/page/image/cafe_info/cafe_info1_cloud_bg.png'), url('/contents/page/image/cafe_info/cafe_info1_icon.png'), url('/contents/page/image/cafe_info/cafe_info1_img.png'), url('/contents/page/image/cafe_info/cafe_info1_bg.png');
background-position:center 40px, center 80%, center center, left top;
background-repeat:no-repeat, no-repeat, no-repeat, repeat;
background-size:90% 200px, 98% auto, 100% 100%, 4px 4px;
}
.cafe_info .cafe_info2 {width:45%; float:right; margin:0; border-radius:0 5px 5px 0;
background-image:url('/contents/page/image/cafe_info/cafe_info2_pc.png'), url('/contents/page/image/cafe_info/cafe_info2_img.png'), url('/contents/page/image/cafe_info/cafe_info2_bg.png');
background-position:center 20px, right 10%, left top;
background-repeat:no-repeat, no-repeat, repeat;
background-size:95% 310px, 70% 300px, 4px 4px;
}
.cafe_info .cafe_info2 .cafe_pc {width:80%;top:55px; margin-left:-40%;}
}

/*======================================
			PC용 CSS
========================================*/
@media all and (min-width:1024px){
.cafe_info {width:100%;}
.cafe_info .cafe_info1 {width:626px; float:left; border-radius:5px 0 0 5px; border-right:none;
background-image:url('/contents/page/image/cafe_info/cafe_info1_cloud_bg.png'), url('/contents/page/image/cafe_info/cafe_info1_icon.png'), url('/contents/page/image/cafe_info/cafe_info1_img.png'), url('/contents/page/image/cafe_info/cafe_info1_bg.png');
background-position:center 40px, center 80%, center center, left top;
background-repeat:no-repeat, no-repeat, no-repeat, repeat;
background-size:435px 200px, 585px 265px, 100% 100%, 4px 4px;
}
.cafe_info .cafe_info1 .cafe_provision {position:absolute; width:56%; top:90px; margin-left:-28%;}
.cafe_info .cafe_info1 .cafe_provision .cafe_provision_txt {margin-bottom:20px;}

.cafe_info .cafe_info2 {width:364px; float:right; margin:0; border-radius:0 5px 5px 0;
background-image:url('/contents/page/image/cafe_info/cafe_info2_pc.png'), url('/contents/page/image/cafe_info/cafe_info2_img.png'), url('/contents/page/image/cafe_info/cafe_info2_bg.png');
background-position:center 40px, right 10%, left top;
background-repeat:no-repeat, no-repeat, repeat;
background-size:315px 267px, 360px 330px, 4px 4px;
}
.cafe_info .cafe_info2 .cafe_pc {width:70%;top:70px; margin-left:-35%;}

.cafe_progress_area {width:100%;}
ul.cafe_progress li:first-child.cafe_circle {margin-left:20px;}
}

/*============================================================================================================================
													통일교육주간 홈페이지-2016
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

/* 일정안내 */
.uew_schedule {width:96%; margin:30px auto;}
	ul.schedule_img {padding:0; margin:30px 0 0 0; overflow:hidden;}
	ul.schedule_img li {float:left; margin-right:2%; width:32%; margin-bottom:20px; list-style:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	ul.schedule_img li:nth-child(3) {margin-right:0;}
	ul.schedule_img li:last-child {margin-right:0;}
	ul.schedule_img li img {width:100%; height:auto;}
	ul.schedule_img li p {font-size:15px; line-height:18px; font-weight:bold; color:#333; margin-top:10px;}

	div.schedule_area {margin-top:20px; padding-top:40px; border-top:2px solid #d9d9d9; word-break:keep-all;}
	div.schedule_area .schedule_txt {margin-top:25px; font-size:20px; font-weight:bold;}
	div.schedule_area .schedule_txt.schedule_txt1 {color:#57b08b;}
	div.schedule_area .schedule_txt.schedule_txt2 {color:#ee9d3d;}
	div.schedule_area .schedule_txt.schedule_txt3 {color:#257bca;}
	div.schedule_area .schedule_txt.schedule_txt5 {color:#78c038;}
	div.schedule_area .schedule_txt.schedule_txt6 {color:#e78e5a;}
	div.schedule_area h2 {}
	div.schedule_area h3 {margin-top:25px; font-size:20px; font-weight:bold;}
	div.schedule_area h4 {margin-top:10px; font-size:16px; color:#333; font-weight:bold;}
	div.schedule_area p {margin-top:7px; font-size:14px; line-height:20px; color:#666;}
	h3.schedule_title {display:inline-block; font-weight:bold; color:#333; font-size:22px; margin:40px 0 0 0; background: url('/contents/page/image/kids_business/business_title_bg.jpg') no-repeat left 10px; padding:10px 15px 10px 13px; text-align:center;}

	div.schedule_1 h3 {color:#8ccfb6;}
	div.schedule_2 h3 {color:#f16669;}
	div.schedule_3 h3 {color:#ffcc4d;}
	div.schedule_4 h3 {color:#79c4d3;}
	div.schedule_5 h3 {color:#4f85b7;}
	div.schedule_6 h3 {color:#b58061;}

.uew_schedule .battle_movie2 {overflow:hidden; margin-top:20px;}
.uew_schedule .battle_movie2 .battle_left {}
.uew_schedule .battle_movie2 .battle_right {margin-top:20px;}

/* 알아보기-통일교육주간이란 */
.uniweek_info4 {width:96%; margin:30px auto;}
	.uniweek_info4 img {width:100%; max-width:460px; height:auto;}
	.uniweek_info4 h3 {color:#009cdc; font-size:17px; line-height:23px; font-weight:bold; margin:30px 0;}
	.uniweek_info4 p {color:#333; font-size:14px; line-height:20px;  margin-bottom:7px;}

/* 알아보기-통일교육주간이란 */
.uniweek_info5 {width:96%; margin:0; padding:20px 0 0; word-break:keep-all;background: url("/contents/page/image/uniweek_info4/uew_info5_bg_m.png") left top no-repeat;background-size:100% auto;}
	.uniweek_info5 img {width:60%;height:auto;margin-left:43%;}
	.uniweek_info5 h3 {width:60%;color:#009cdc; font-size:15px; line-height:24px; font-weight:bold; margin:20px 0 30px 42%;}
	.uniweek_info5 p {width:60%;color:#333; font-size:15px; line-height:24px;margin:0 0 20px 42%;}

/* 알아보기-통일교육주간이란 */
.uniweek_info6 {width:96%; margin:0; padding:20px 0 0;word-break:keep-all;background:url("/contents/page/image/uniweek_info4/uniweek_info_2018_bg2.png") left bottom no-repeat, url("/contents/page/image/uniweek_info4/uniweek_info_2018_bg1.png") left top no-repeat; background-size:38% auto;}
	.uniweek_info6 img {width:60%;height:auto;margin-left:43%;}
	.uniweek_info6 h3 {width:60%;color:#009cdc; font-size:15px; line-height:24px; font-weight:bold; margin:20px 0 30px 42%;}
	.uniweek_info6 p {width:60%;color:#333; font-size:15px; line-height:24px;margin:0 0 20px 42%;}

/* 알아보기-통일교육주간이란 */
.uniweek_info8 {width:100%; background: url("/contents/page/image/uniweek_info4/uew_info.jpg") center top no-repeat;}
	.uniweek_info8 img {width:50%;height:auto;padding-top:460px;}
	.uniweek_info8 h3 {width:100%;color:#009cdc; font-size:15px; line-height:24px; font-weight:bold;margin-top:20px;}
	.uniweek_info8 p {width:100%;color:#333; font-size:15px; line-height:24px;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){

/* 일정안내 */
ul.schedule_img li {width:18%; margin-right:2%;}
ul.schedule_img li:nth-child(3) {margin-right:2%;}
ul.schedule_img li:last-child {margin-right:0;}

/* 알아보기-통일교육주간이란 */
.uniweek_info4 {background: url("/contents/page/image/uniweek_info4/uew_info4_bg.png") left top no-repeat; background-size:600px auto; padding-left:260px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.uniweek_info5 {background: url("/contents/page/image/uniweek_info4/uew_info5_bg.png") left top no-repeat;margin:0 auto;background-size:600px auto; padding:0 0 0 260px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:447px;}
.uniweek_info5 img {width:100%; max-width:460px;margin-left:0;}
.uniweek_info5 h3 {width:100%;font-size:17px; line-height:26px;margin:50px 0 30px 0;}
.uniweek_info5 p {width:100%;margin:0 0 30px 0;}
.uniweek_info6 {margin:30px auto;background-size:223px auto; padding:0 0 0 260px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; min-height:447px;}
.uniweek_info6 img {width:100%; max-width:460px;margin-left:0;}
.uniweek_info6 h3 {width:100%;font-size:17px; line-height:26px;margin:50px 0 30px 0;}
.uniweek_info6 p {width:100%;margin:0 0 30px 0;}
.uniweek_info8 {background: url("/contents/page/image/uniweek_info4/uew_info.jpg") left top no-repeat;padding-left:400px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.uniweek_info8 img {width:440px;height:auto;padding-top:0;}
.uniweek_info8 h3 {width:100%;font-size:17px; line-height:26px;margin:50px 0 30px 0;}
.uniweek_info8 p {width:100%;margin:0 0 30px 0;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 일정안내 */
.uew_schedule {width:990px;}
ul.schedule_img li {width:186px; margin-right:15px;}
ul.schedule_img li:nth-child(3) {margin-right:15px;}

.uew_schedule .battle_movie2 {overflow:hidden; margin-top:20px;}
.uew_schedule .battle_movie2 .battle_left {float:left; width:485px;}
.uew_schedule .battle_movie2 .battle_right {float:right; width:485px; margin-top:0;}


/* 알아보기-통일교육주간이란 */
.uniweek_info4 {width:100%; background-size:990px auto; padding:40px 50px 30px 425px;}
.uniweek_info5 {width:100%; min-height:692px; background-size:990px auto; padding:60px 50px 30px 425px;}
.uniweek_info6 {width:100%; min-height:692px; background-size:auto auto; padding:60px 50px 30px 400px;}
.uniweek_info8 {width:100%; min-height:440px;}
}

/*============================================================================================================================
									2016 라이트개편 통일교육주간 홈페이지
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/
/* 소셜미디어 */
.social_area {width:100%; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.social_area .social {width:100%; margin:20px auto 0 auto; background:#fff; border:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.social_area .social:first-child {margin-top:0;}
.social_area .social .social_title {position:relative; height:40px; color:#fff;}
.social_area .social .social_title.facebook {background:#3b5997;}
.social_area .social .social_title.blog {background:#2db400;}
.social_area .social .social_title.youtube {background:#e3e5e8;}
.social_area .social .social_title .social_logo {}
.social_area .social .social_title .social_more {position:absolute; right:10px; top:7px;}

	.social ul.social_data_area {height:320px; overflow:auto; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.social ul.social_data_area li {list-style:none; font-size:13px; line-height:20px; padding:20px 0; border-bottom:1px solid #d9d9d9; overflow:hidden;}
	.social ul.social_data_area li:last-child {border-bottom:none;}
	.social ul.social_data_area li .date {color:#666; padding-bottom:8px;}
	.social ul.social_data_area li .data {color:#666;}
	.social ul.social_data_area li .data a {color:#666;}
	.social ul.social_data_area li .data a:hover {text-decoration:underline;}
	.social ul.social_data_area li .data p {}
	.social ul.social_data_area li .data p.blog_title {padding-bottom:8px;}
	.social ul.social_data_area li .data p.blog_title a {font-weight:bold; font-size:14px; color:#c16e24;}
	.social ul.social_data_area li .data p.blog_title a:hover {text-decoration:underline;}

	.social ul.social_data_area li .thumnail {float:left; width:130px; margin:5px 20px 10px 0; height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left;}
	.social ul.social_data_area li .thumnail img {max-width:100%; width:100%; height:auto;}
	.social ul.social_data_area li .youtube_data {height:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:10px;}
	.social ul.social_data_area li .youtube_data .youtube_title {margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; line-height:20px; height:40px;}
	.social ul.social_data_area li .youtube_data .youtube_title a {color:#c16e24; font-size:14px; font-weight:bold;}
	.social ul.social_data_area li .youtube_data .youtube_title a:hover {text-decoration:underline;}
	.social ul.social_data_area li .youtube_data .youtube_title .youtube_info {color:#666;}

	.social_area .cafe_btn_area {width:100%; margin:20px auto 0 auto;}
	.social_area .cafe_btn_area div {width:100%; border:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.social_area .cafe_btn_area div.cafe1 {margin-bottom:20px;}
	.social_area .cafe_btn_area div a {height:100%;display:block; padding:20px 20px 40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.social_area .cafe_btn_area div a .cafe_txt {display:block; font-size:15px; }
	.social_area .cafe_btn_area div a .cafe_title {display:inline-block; margin-top:5px;font-size:30px;line-height:1.2; font-weight:bold;}
	.social_area .cafe_btn_area div.cafe1 a {color:#fff;background:#5bc4bf url('/contents/page/image/social/cafe1_tablet_bg.jpg') no-repeat 100% 100%; background-size:contain;}
	.social_area .cafe_btn_area div.cafe2 a {color:#364c86;background:#d8eefb url('/contents/page/image/social/cafe2_tablet_bg.jpg') no-repeat 100% 100%; background-size:contain;}

/* 사이트맵 */
.sitemap_title_area h4.sitemap_title {color:#fff; font-size:20px; font-weight:bold; text-align:center; height:40px; line-height:38px;}
.sitemap_title_area h4.sitemap_title a {color:#fff;}
.sitemap_title_area #anchorpoint01.sitemap_title {background:#257bca;}
.sitemap_title_area #anchorpoint02.sitemap_title {background:#477cb7;}
.sitemap_title_area #anchorpoint03.sitemap_title {background:#445e9b;}
.sitemap_title_area #anchorpoint04.sitemap_title {background:#2d4885;}
.sitemap_title_area #anchorpoint05.sitemap_title {background:#1e3469;}
.sitemap_title_area div.major_link {margin:0; text-align:center;}
.sitemap_title_area div.major_link a {display:inline-block; font-size:13px; color:#666; padding:13px 10px 13px 37px; border:1px solid #d9d9d9; border-radius:0 0 10px 10px;}
.sitemap_title_area div.major_link a.major_01 {background: #ffffff url('/contents/page/image/sitemap/major_01.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_02 {background: #ffffff url('/contents/page/image/sitemap/major_02.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_03 {background: #ffffff url('/contents/page/image/sitemap/major_03.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_04 {background: #ffffff url('/contents/page/image/sitemap/major_04.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_05 {background: #ffffff url('/contents/page/image/sitemap/major_05.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_06 {background: #ffffff url('/contents/page/image/sitemap/major_06.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_07 {background: #ffffff url('/contents/page/image/sitemap/major_07.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_08 {background: #ffffff url('/contents/page/image/sitemap/major_08.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_09 {background: #ffffff url('/contents/page/image/sitemap/major_09.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_01:hover {background: #ececec url('/contents/page/image/sitemap/major_01.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_02:hover {background: #ececec url('/contents/page/image/sitemap/major_02.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_03 :hover{background: #ececec url('/contents/page/image/sitemap/major_03.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_04:hover {background: #ececec url('/contents/page/image/sitemap/major_04.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_05:hover {background: #ececec url('/contents/page/image/sitemap/major_05.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_06:hover {background: #ececec url('/contents/page/image/sitemap/major_06.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_07:hover {background: #ececec url('/contents/page/image/sitemap/major_07.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_08:hover {background: #ececec url('/contents/page/image/sitemap/major_08.png') no-repeat 10px center;}
.sitemap_title_area div.major_link a.major_09:hover {background: #ececec url('/contents/page/image/sitemap/major_09.png') no-repeat 10px center;}

.sitemap_ul {overflow:hidden; border-top:1px solid #d9d9d9; width:100%; margin:20px auto 0 auto;}
.sitemap_ul li {width:49%; display:inline-block;list-style:none; font-size:18px; font-weight:bold; color:#333; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px;vertical-align:top;}
.sitemap_ul > li {min-height:160px;}
.sitemap_ul li a {color:#10449a;}
.sitemap_ul li a img {width:15px; height:13px; padding:5px 0 0 5px;}
.sitemap_ul li ul {margin-top:15px; padding:10px 0; background: url('/contents/page/image/sitemap/sitemap_line.png') no-repeat left top; background-size:100% 2px;}
.sitemap_ul li ul li {font-size:15px; font-weight:bold; color:#444; line-height:25px; padding:0; width:100%; float:none;}
.sitemap_ul li ul li a {color:#444; display:inline-block; height:25px; padding-left:10px; background: url('/contents/page/image/sitemap/bullet_3x3.png') no-repeat left center;}
.sitemap_ul li ul li ul {border-top:none; margin-top:0; margin-bottom:10px; padding:0; min-height:0; background:none;}
.sitemap_ul li ul li ul li {font-size:13px; color:#777; line-height:24px; font-weight:normal;}
.sitemap_ul li ul li ul li a {color:#777; display:inline-block; height:20px; padding-left:20px; background: url('/contents/page/image/sitemap/menu_arrow.png') no-repeat 10px center;}
#sitemap_ul_05 li:nth-child(3) ul li:nth-child(2) {display:none;}

/* 대표홈 교육과정안내 */
.course_info_area {}
.course_info_area .course_title {position:relative; margin-top:20px;}
.course_info_area .course_title .basic_title {display:inline-block;}
.course_info_area .course_title .course_btn_req {margin:10px 0 0 10px; display:inline-block; height:38px; line-height:36px; padding:0 10px 0 50px; border:1px solid #d9d9d9; background: url('/contents/page/image/course_info/icon_write.png') no-repeat 15px center;}
.course_info_area .course_title .course_btn_req a {display:inline-block; font-weight:bold; color:#444; height:38px; line-height:36px; padding-right:25px; background: url('/contents/page/image/course_info/arrow_gray_6x10.png') no-repeat right 10px center;}
.course_info_area .course_title .course_btn_inside {margin:10px 0 0 10px; display:inline-block; height:38px; line-height:36px; padding:0 10px 0 43px; border:1px solid #d9d9d9; background: url('/contents/page/image/course_info/icon_inside.png') no-repeat 15px center;}
.course_info_area .course_title .course_btn_inside a {display:inline-block; font-weight:bold; color:#444; height:38px; line-height:36px; padding-right:25px; background: url('/contents/page/image/course_info/arrow_gray_6x10.png') no-repeat right 10px center;}
.course_info_area .course_title .course_btn_cyber {margin:10px 0 0 10px; display:inline-block; height:38px; line-height:36px; padding:0 10px 0 43px; border:1px solid #d9d9d9; background: url('/contents/page/image/course_info/icon_cyber.png') no-repeat 15px center;}
.course_info_area .course_title .course_btn_cyber a {display:inline-block; font-weight:bold; color:#444; height:38px; line-height:36px; padding-right:25px; background: url('/contents/page/image/course_info/arrow_gray_6x10.png') no-repeat right 10px center;}
.course_info_area ul.course_info {width:96%; margin:0 auto; word-break:keep-all;}
.course_info_area ul.course_info li {list-style:none; margin-top:15px;}
.course_info_area ul.course_info > li {border:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.course_info_area ul.course_info li p {color:#fff; font-size:18px; font-weight:bold; padding:15px 0; text-align:center; }
.course_info_area ul.course_info li p.inside_title_01 {background: #7b9654;}
.course_info_area ul.course_info li p.inside_title_02 {background: #6c982c;}
.course_info_area ul.course_info li p.inside_title_03 {background: #5c871e;}
.course_info_area ul.course_info li p.inside_title_04 {background: #547425;}
.course_info_area ul.course_info li p.inside_title_05 {background: #426017;}
.course_info_area ul.course_info li p.inside_title_06 {background: #3a5118;}
.course_info_area ul.course_info li p.inside_title_07 {background: #314515;}
.course_info_area ul.course_info li p.inside_title_08 {background: #0bb18b;}
.course_info_area ul.course_info li p.cyber_title_01 {background: #3d8cb4;}
.course_info_area ul.course_info li p.cyber_title_02 {background: #477cb7;}
.course_info_area ul.course_info li p.cyber_title_03 {background: #2d4885;}
.course_info_area ul.course_info li p.cyber_title_04 {background: #1f376f;}
.course_info_area ul.course_info li p.cyber_title_05 {background: #443366;}
.course_info_area ul.course_info li ul {padding:15px; margin:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.course_info_area ul.course_info li ul li {margin:0; font-size:14px; color:#555; line-height:20px;}
.course_info_area ul.course_info li ul li ul {margin-top:20px; padding:3px 0 0 40px; min-height:28px; border:none; background: url('/contents/page/image/course_info/icon_call.png') no-repeat left top;}
.course_info_area ul.course_info li ul li ul li {line-height:20px; padding-left:8px; background: url('/contents/page/image/course_info/bullet_3x3.png') no-repeat left 9px; position:relative;}
.course_info_area ul.course_info li ul li ul.bullet_none li {background:none;}
.course_info_area ul.course_info li ul li ul li .call_number {font-size:14px;}
.course_info_area ul.course_info li ul li ul li .call_number.call_right {display:inline-block; position:absolute; right:0;}
.course_info_area ul.course_info.course_cyber li ul li ul {padding-left:0; background:none;}

ul.course_call {width:96%; margin:30px auto 0 auto; padding:0; border:1px solid #d9d9d9; background:#f8f8f8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.course_call li {font-size:18px; font-weight:bold; color:#666; text-align:center; border-bottom:1px dashed #d9d9d9; list-style:none; padding:15px 0;}
ul.course_call li:last-child {border-bottom:none;}
ul.course_call li p {display:inline-block; line-height:28px; padding-left:40px; min-height:28px; background: url('/contents/page/image/course_info/icon_question.png') no-repeat left top;}
ul.course_call li p span {padding:0; margin-left:15px; background:none;}
ul.course_call li:first-child p {background: url('/contents/page/image/course_info/icon_call.png') no-repeat left top;}
ul.course_call li:last-child p {background: url('/contents/page/image/course_info/icon_write.png') no-repeat left top;}
ul.course_call li p a {padding-right:25px; background: url('/contents/page/image/course_info/arrow_gray_6x10.png') no-repeat right 10px center;}

/* 그래서 통일입니다 */
.slogan_area {width:96%; margin:0 auto; border-top:2px solid #7fd6d9; position:relative;}
.slogan_area .slogan_top {padding-top:30px; background: url('/contents/page/image/slogan/slogan_bg.jpg') no-repeat left top;}
.slogan_area .slogan_top .top_txt {color:#555; font-weight:bold; font-size:18px; line-height:23px; margin-bottom:20px;}
.slogan_area .slogan_top .middle_txt {color:#666; font-size:14px; line-height:20px; margin-bottom:20px;}
.slogan_area .slogan_top .bottom_txt {color:#333; font-size:23px; font-weight:bold; line-height:35px;}
.slogan_area .slogan_img {display:none;}
.slogan_area ul.slogan_link {padding:0; margin:30px 0 0 0; overflow:hidden;}
.slogan_area ul.slogan_link li {list-style:none; padding:0; margin:0 0 20px 0;}
.slogan_area ul.slogan_link li img {width:100%; max-width:485px;}
.slogan_area ul.slogan_link li ul {margin:0;}
.slogan_area ul.slogan_link li ul li {margin:10px 0 0 0; padding:0; text-align:center;}
.slogan_area ul.slogan_link li ul li a {font-size:18px; font-weight:bold; color:#333;}

/* 홍보영상 */
.uniinfo_mov {width:100%; margin:30px auto; position:relative; word-break:keep-all;}
.uniinfo_mov .uni_info {border:1px solid #d9d9d9; border-radius:5px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; list-style:none;}
.uniinfo_mov .uni_info video {}
.uniinfo_mov .uni_info .uni_info_txt {margin-top:5px;}
.uniinfo_mov .uni_info .uni_info_txt p {font-size:16px; font-weight:bold; line-height:22px; margin-top:10px; color:#555;}

.uniinfo_mov .uni_slogan {margin-top:30px; border:1px solid #d9d9d9; border-radius:5px; padding:20px; border-top:5px solid #aeaeae;
							box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.uniinfo_mov .uni_slogan video {}
.uniinfo_mov .uni_slogan .uni_slogan_txt {margin-top:5px;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p {font-size:16px; line-height:22px; margin-top:10px; color:#555;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.slogan_img {text-align:center;}

.uniinfo_mov ul.out_mov_link {margin-top:30px; padding:0; overflow:hidden;}
.uniinfo_mov ul.out_mov_link li {margin:10px 0 0 0; padding:0; text-align:center; list-style:none;}
.uniinfo_mov ul.out_mov_link li img {width:100%; max-width:485px;}
.uniinfo_mov ul.out_mov_link li a {font-size:18px; font-weight:bold; color:#333;}

/* 영문홈 About JKUEF */
.jkuef_area {width:96%; margin:0 auto; letter-spacing:0;}
.jkuef_area .basic_title {margin-left:0 !important;}
.jkuef_area p {font-size:16px; line-height:24px; color:#333;}
.jkuef_area .jkuef_title {font-size:23px; text-align:center; border-top:2px solid #0078b6; border-bottom:1px solid #d9d9d9; padding:15px 0;}
.jkuef_area ul.jkuef_box {padding:15px; margin:15px 0 0 0; border:1px solid #d9d9d9; border-radius:10px; background:#f8f8f8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.jkuef_area ul.jkuef_box li {color:#333; list-style:none; padding-left:10px; line-height:24px; font-size:16px; background: url('/contents/page/image/common/bullet_3x3.png') no-repeat left 11px;}
.jkuef_area ul.jkuef_box li ul li {background: url('/contents/page/image/common/arrow_mini.png') no-repeat left 9px;}

/* 청소년 사업 공통 css */
.kids_business {width:100%; margin:0 auto; position:relative;}
.kids_business.kids_business_bg {}
.kids_business h2 {display:inline-block;width:100%;padding:30px 0 20px;border-bottom:1px solid #d9d9d9;font-size:24px; color:#333; line-height:35px; }
.kids_business h3.business_title {display:inline-block; font-weight:bold; color:#333; font-size:22px; margin:20px 0 0 0; background: url('/contents/page/image/kids_business/business_title_bg.jpg') no-repeat left 12px; padding:10px 15px 10px 13px; text-align:center;}
.kids_business h3.business_title:first-child {margin-top:0;}
.kids_business h4.business_sub_title {margin:20px 0 0 5px; padding:0 0 0 22px; font-size:18px; line-height:18px; font-weight:bold; background: url('/contents/page/image/common/icon_title.png') no-repeat left 3px;}
.kids_business ul.business_ul {padding:0; margin:10px 0 0 10px;}
.kids_business ul.business_ul li {font-weight:bold; list-style:none; margin:0 0 7px 0; padding:0 0 0 8px; font-size:15px; line-height:20px; color:#444; background: url('/contents/page/image/common/bullet_3x3.png') no-repeat left 8px;}
.kids_business ul.business_ul li:last-child {margin-bottom:0;}
.kids_business ul.business_ul li ul {margin:5px 0 0 10px; padding:0;}
.kids_business ul.business_ul li ul li {font-weight:normal; margin:0 0 5px 0; padding:0 0 0 8px; font-size:15px; line-height:20px; color:#555; background: url('/contents/page/image/common/arrow_mini.png') no-repeat left 6px;}
.kids_business ul.business_ul li ul li ul {margin:5px 0 0 10px; padding:0;}
.kids_business ul.business_ul li ul li ul li {margin:0 0 5px 0; padding:0 0 0 8px; font-size:15px; line-height:20px; color:#666; background: url('/contents/page/image/common/bullet_2x2.png') no-repeat left 8px;}

.kids_business div.business_img {margin:30px 0 0 0; text-align:center;}
.kids_business div.business_img img {max-width:100%;}

.kids_business .business_img_fr {text-align:center;}
.kids_business .business_img_fr img {max-width:100%; padding:10px 0;}

.kids_business table.uni-form-table tr td ul {margin-left:15px;}

/* 어린이 기자단 6기 모집 안내 */
.kids_business div.child_reporter_btn {text-align:center; margin-top:20px;}

.child_reporter_2017 {width:96%; margin:0 auto; word-break:keep-all;}
.child_reporter_2017 div.reporter_info {}
.child_reporter_2017 div.reporter_info h3.reporter_title {font-size:24px; line-height:32px; text-align:center; color:#444; margin-bottom:15px;}
.child_reporter_2017 div.reporter_info p.reporter_txt {font-size:16px; text-align:center; color:#444; line-height:20px;}

.child_reporter_2017  ul.child_reporter_tab {margin-top:20px; width:100%; text-align:center; background:none; overflow:hidden;}
.child_reporter_2017  ul.child_reporter_tab li {list-style:none; float:left; width:50%; border:1px solid #d9d9d9;
												box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.child_reporter_2017  ul.child_reporter_tab li a {display:block; width:100%; text-align:center; font-size:16px; height:40px; line-height:40px;}
.child_reporter_2017  ul.child_reporter_tab li a.on {background:#5285d8; color:#ffffff; font-weight:bold;}
.child_reporter_2017  ul.child_reporter_tab li a:hover {background:#5285d8; color:#ffffff; font-weight:bold;}
.child_reporter_2017  ul.child_reporter_tab li:last-child {border-left:none;}

.child_reporter_2017 img {width:100%; height:auto; max-width:990px; margin:0 auto;}

.child_reporter_2017 h3.business_title {display:inline-block; font-weight:bold; color:#257bca; font-size:18px; margin:15px 0 0 0; background: url('/contents/page/image/kids_business/child_reporter_title_bg.jpg') no-repeat left 11px; padding:10px 15px 10px 13px; text-align:center;}
.child_reporter_2017 ul.reporter_pic {overflow:hidden;}
.child_reporter_2017 ul.reporter_pic li {list-style:none; width:49%; float:left; margin-right:2%;}
.child_reporter_2017 ul.reporter_pic li:nth-child(2n) {margin-right:0;}
.child_reporter_2017 ul.reporter_pic li figure {}
.child_reporter_2017 ul.reporter_pic li figure figcaption {text-align:center; font-size:14px; color:#444; margin:5px 0 10px 0;}

/* 조직도 */
.organ.basic{overflow:hidden;position:relative;}
.organ.basic ul {list-style:none;}
.organ.basic .org_name{position:relative;margin:25px auto;width:300px;text-align:center;}
.organ.basic .org_name:before,
.organ.basic .org_name:after{display:inline-block;position:absolute;top:-4px;font-size:50px;line-height:50px;}
.organ.basic .org_name:before{content:"[";left:18px;}
.organ.basic .org_name:after{content:"]";right:18px;}
.organ.basic .org_name p[lang="en"]{margin:0;color:#767676;font-size:18px;line-height:50px;}
.organ.basic .org{overflow:hidden;position:relative;margin-bottom:50px;}
.organ.basic .org ul,.organ.basic .org li{position:relative;}
.organ.basic .org .lv3{margin-top:30px;padding-left:50px;}
.organ.basic .org strong,.organ.basic .org b,
.organ.basic .org span{display:block;position:relative;padding:15px 10px;border:1px solid #ddd;border-radius:50px;font-size:15px;line-height:20px;text-align:center;}
.organ.basic .org a{line-height:inherit;}
.organ.basic .org a:hover,
.organ.basic .org a:focus{text-decoration:underline;}
.organ.basic .org .lv1 strong{margin-top:0;background-color:#4666af;border:0;font-size:20px;color:#fff;box-sizing:border-box;}
.organ.basic .org .lv3>ul>li[class^="lv3_"]{margin-top:20px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] b{width:275px;color:#fff;background-color:#55545a;border:0;font-weight:normal;padding:15px 10px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul{margin:10px 10px 0;width:275px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li{margin-top:10px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li span{margin:0 auto;border-radius:0;font-size:15px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li span.side{background-color:#efefef;}

.en_site .organ.basic .org .lv3>ul>li[class^="lv3_"] b {width:275px;}
.en_site .organ.basic .org .lv3>ul>li[class^="lv3_"] ul{margin:10px 10px 0;width:275px;}

/* 조직도 라인 */
.organ.basic .org ul:before,
.organ.basic .org li:before,
.organ.basic .org li:after,
.organ.basic .org .lv3 b:after{content:"";display:block;position:absolute;background-color:#ddd;}
.organ.basic .org ul:after{content:"";display:block;clear:both;visibility:hidden;}
.organ.basic .org .lv1:before{top:50px;left:20px;width:2px;height:968px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"]:before{top:25px;left:-30px;width:30px;height:2px;}

@media only screen and (min-width:320px) {

/* 조직도 라인 */
.organ.basic .org .lv1:before{height: 1132px;}
}

/*======================================
			태블릿 CSS
========================================*/
@media only screen and (min-width:640px){

/* 조직도 */
.organ.basic .org .lv3>ul>li[class^="lv3_"] b{width:300px;padding:15px 10px 9px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul{width:300px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li{float:left;margin:1% 0.5% 0;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li span{}

.en_site .organ.basic .org .lv3>ul>li[class^="lv3_"] b {width:360px;}
.en_site .organ.basic .org .lv3>ul>li[class^="lv3_"] ul{margin:30px auto 0;width:360px;}

/* 조직도 라인 */
.organ.basic .org .lv1:before{height:898px;}
}

@media all and (min-width:768px){

/* 소셜미디어 */
.social_area .cafe_btn_area div.cafe1 {width:49%; float:left; margin:0;}
.social_area .cafe_btn_area div.cafe2 {width:49%; float:right;}

/* 사이트맵 */
.sitemap_ul li {width:32.5%;}
.sitemap_ul li ul {width:100%;}
#sitemap_ul_01 > li > ul {min-height:250px;}
#sitemap_ul_05 > li > ul {min-height:160px;}
#sitemap_ul_02 > li {margin-bottom:30px;}
#sitemap_ul_03 > li {margin-bottom:30px;}
#sitemap_ul_04 > li:last-child {margin:-30px 0 30px;}

/* 대표홈 교육과정안내 */
.course_info_area .course_title {height:40px; position:relative;}
.course_info_area .course_title .basic_title {position:relative; top:20px;}
.course_info_area .course_title .course_btn_req {position:absolute; right:275px; margin-top:0;}
.course_info_area .course_title .course_btn_inside, .course_info_area .course_title .course_btn_cyber {position:absolute; right:10px; width:202px; margin-top:0;}
.course_info_area ul.course_info {width:96%; margin:0 auto; overflow:hidden;}
.course_info_area > ul.course_info > li {width:49%; float:left;}
.course_info_area > ul.course_info > li:nth-child(even) {float:right;}

ul.course_call {overflow:hidden;}
ul.course_call li {border-bottom:none; display:inline-block; padding:15px 20px; background: url('/contents/page/image/course_info/course_call_line.jpg') no-repeat right center;}
ul.course_call li:last-child {background:none;}

/* 그래서 통일입니다 */
.slogan_area > ul.slogan_link > li {float:left; width:49%;}
.slogan_area > ul.slogan_link > li:nth-child(even) {float:right;}
.slogan_area > ul.slogan_link > li > video {height:364px;}

/* 홍보영상 */
.uniinfo_mov .uni_info {overflow:hidden; background: url('/contents/page/image/slogan/uni_info.png') no-repeat left top; list-style:none;}
.uniinfo_mov .uni_info video {float:right; width:100%;}
.uniinfo_mov .uni_info .uni_info_txt {float:left; width:50%; float:left;}
.uniinfo_mov .uni_info .uni_info_txt p {line-height:1.4;color:#666;font-weight:bold; font-size:18px;}
.uniinfo_mov .uni_info .uni_info_txt p.p1 {}
.uniinfo_mov .uni_info .uni_info_txt p.p2 {margin-top:10px;}
.uniinfo_mov .uni_info .uni_info_txt p.p3 {margin:20px 0 10px;color:#0078b6; font-size:24px;}

.uniinfo_mov .uni_slogan {background: url('/contents/page/image/slogan/slogan_bg.jpg') no-repeat right top;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.p1 {color:#666; font-weight:bold; font-size:18px; line-height:23px;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.p2 {color:#333; font-size:23px; font-weight:bold; line-height:35px; margin-top:15px;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.slogan_img {margin-top:30px;}

.uniinfo_mov .uni_slogan {overflow:hidden;}
.uniinfo_mov .uni_slogan video {float:left; width:42%;}
.uniinfo_mov .uni_slogan .uni_slogan_txt {float:right; width:53%;}

.uniinfo_mov ul.out_mov_link {}
.uniinfo_mov ul.out_mov_link li {float:left; width:49%;}
.uniinfo_mov ul.out_mov_link li:last-child {float:right;}

/* 영문홈 About JKUEF */
.jkuef_area {}

/* 청소년 사업 공통 css */
.kids_business.kids_business_bg {}
.kids_business .business_img_fr {float:right;}
.kids_business .business_img_fr img {padding:0 0 15px 15px}

/* 어린이 기자단 6기 모집 안내 */
.child_reporter_2017 ul.reporter_pic li {width:32%; margin-right:2%;}
.child_reporter_2017 ul.reporter_pic li:nth-child(2n) {margin-right:2%;}
.child_reporter_2017 ul.reporter_pic li:nth-child(3n) {margin-right:0;}

/* 조직도 */
.organ.basic{background:url(/images/kor/sub01/org_map_bg.png) no-repeat 0 15%;background-size:100%;}
.organ.basic .org{margin-bottom:80px;}
.organ.basic .org .lv2,.organ.basic .org .lv3{padding:0;}
.organ.basic .org strong,.organ.basic .org b,
.organ.basic .org span{margin:0 auto;font-size:18px;}
.organ.basic .org .lv1 strong{margin:0 auto;padding:80px 0;width:170px;height:170px;border-radius:100%;}
.organ.basic .org .lv3{margin-top:80px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"]{float:left;margin:0;width: 50%;}
.organ.basic .org .lv3 span{line-height:16px;}
.organ.basic .org .lv3 b:before{content:"";display:inline-block;height:40px;vertical-align:middle;}
.organ.basic .org .lv3 a{display:inline-block;vertical-align:middle;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul{margin:30px auto 0;width:300px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li{float:none;margin-top:-1px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul li:first-child{margin-top:0;}

.en_site .organ.basic .org .lv3>ul>li[class^="lv3_"] ul{width:360px;}

/* 조직도 라인 */
.organ.basic .org .lv1:before{left:50%;margin-left:-1px;width:1px;height:170px;}
.organ.basic .org .lv2:before{top:50%;left:25%;width: 50%;border-top:1px solid #ddd;z-index:-1;/* height:200px; */border-right:1px solid #ddd;background:none;}
.organ.basic .org .lv2:after,
.organ.basic .org .lv3:after{content:"";display:block;position:absolute;left:50%;margin-left:-7px;width:13px;height:13px;background:url(/images/kor/sub01/org_circle_ico.png) no-repeat;}
.organ.basic .org .lv2:after{top:50%;margin-top:-6px;}
.organ.basic .org .lv3:after{top:-36px;}
.organ.basic .org .lv3:before{top:-30px;left:50%;margin-left:-25%;width: 50%;height:1px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"]:before{top:-30px;left:50%;margin-left:-1px;width:1px;height:30px;}
.organ.basic .org .lv3>ul>li[class^="lv3_"] ul:before{top:-30px;left:50%;margin-left:-1px;width:1px;height:30px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 소셜미디어 */
.social_area {width:100%;}
.social_area .social.facebook_area {width:49%; float:left;margin-right:2%;}
.social_area .social.blog_area {width:49%; float:right; margin-top:0;}
.social_area .social.youtube_area {width:49%; margin-right:2%; height:250px; float:left;}
.social ul.social_data_area {height:208px;}

.social_area .cafe_btn_area {width:49%; height:250px; float:right;}
.social_area .cafe_btn_area div {width:49%; height:250px;float:left;}
.social_area .cafe_btn_area div.cafe1 {width:48%; height:100%; margin:0 4% 0 0;}
.social_area .cafe_btn_area div.cafe2 {width:48%; height:100%;}
.social_area .cafe_btn_area div a {padding:31px 110px 31px 20px;}
.social_area .cafe_btn_area div.cafe1 a {color:#fff;background:url('/contents/page/image/social/cafe1_bg.jpg') no-repeat 100% 100%; background-size:cover;}
.social_area .cafe_btn_area div.cafe2 a {color:#364c86;background:url('/contents/page/image/social/cafe2_bg.jpg') no-repeat 100% 100%; background-size:cover;}

/* 사이트맵 */
.sitemap_title_area {width:15%; float:left; margin:0;}
.sitemap_title_area h4.sitemap_title {color:#fff; font-size:18px; font-weight:bold; text-align:center; height:52px; line-height:50px; margin-bottom:10px; border-radius:0 0 0 10px;}
.sitemap_title_area div.major_link {margin:0; text-align:left;}
.sitemap_title_area div.major_link a {width:100%; line-height:15px; margin-bottom:5px; border-radius:0 0 0 10px; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.sitemap_title_area div.major_link a span {display:block;}

.sitemap_ul {width:85%; float:left; padding-left:30px;margin:0; border-left:1px solid #d9d9d9;box-sizing:border-box;}
.sitemap_ul li {width:22%; padding:15px 0; margin-right:3%;}
.sitemap_ul li:nth-child(4n) {margin-right:0;}

.en_site .sitemap_ul {padding-bottom:188px;}
.en_site #sitemap_ul_01 > li {margin-bottom:-90px;}

/* 대표홈 교육과정안내 */
.course_info_area .course_title .course_btn_req {right:265px;}
.course_info_area .course_title .course_btn_inside, .course_info_area .course_title .course_btn_cyber {right:0;}

.course_info_area ul.course_info {width:100%;}
.course_info_area ul.course_info li span {display:block;}

.course_info_area > ul.course_info.course_inside > li {width:32%; float:left; margin-right:2%;}
.course_info_area > ul.course_info.course_inside > li:nth-child(even) {float:left;}
.course_info_area > ul.course_info.course_inside > li:nth-child(3), .course_info_area > ul.course_info > li:nth-child(6) {margin-right:0;}
.course_info_area > ul.course_info.course_inside > li > ul {min-height: 120px;}
.course_info_area > ul.course_info.course_inside > li:nth-child(4) > ul, .course_info_area > ul.course_info > li:nth-child(5) > ul, .course_info_area > ul.course_info > li:nth-child(6) > ul {min-height: 155px;}
.course_info_area > ul.course_info.course_inside > li > .inside_title_05, .course_info_area > ul.course_info > li > .inside_title_06 {padding:24px 0;}

ul.course_call {width:100%;}
ul.course_call li {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.course_call li:nth-child(1) {width:40%;}
ul.course_call li:nth-child(2) {width:30%;}
ul.course_call li:nth-child(3) {width:30%;}

/* 그래서 통일입니다 */
.slogan_area {width:100%;}
.slogan_area > ul.slogan_link > li {width:485px;}
.slogan_area .slogan_img {display:inline-block; position:absolute; top:30px; right:15px;}
.slogan_area .slogan_top .middle_txt span {display:block;}

/* 홍보영상 */
.uniinfo_mov .uni_info {padding:20px 30px;}
.uniinfo_mov .uni_info video {width:100%;}
.uniinfo_mov .uni_info .uni_info_txt {width:50%;}
.uniinfo_mov .uni_info .uni_info_txt p {line-height:1.4;font-size:24px;}
.uniinfo_mov .uni_info .uni_info_txt p.p1 {}
.uniinfo_mov .uni_info .uni_info_txt p.p2 {margin-top:20px;}
.uniinfo_mov .uni_info .uni_info_txt p.p3 {margin:30px 0;font-size:30px;}

.uniinfo_mov .uni_slogan {padding:20px 30px;}
.uniinfo_mov .uni_slogan video {width:42%;}
.uniinfo_mov .uni_slogan .uni_slogan_txt {width:51%;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.p1 {}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.p2 {margin-top:20px;}
.uniinfo_mov .uni_slogan .uni_slogan_txt p.slogan_img {margin-top:45px;}

/* 영문홈 About JKUEF */
.jkuef_area {width:100%;}

/* 청소년 사업 공통 css */
/* .kids_business.kids_business_bg {background:url('/contents/page/image/kids_business/uniedu_bg.jpg') no-repeat right bottom; background-size:auto auto;} */
.kids_business {width:100%;}
.kids_business ul.business_ul li span {display:block;}

.kids_business ul.business_ul.business_ul_half {overflow:hidden;}
.kids_business ul.business_ul.business_ul_half li {width:452px; padding-right:15px; float:left;}

/* 어린이 기자단 6기 모집 안내 */
.kids_business div.child_reporter_btn {position:absolute; bottom:60px; right:95px;}

.child_reporter_2017 {width:990px;}

.child_reporter_2017 ul.reporter_pic li {width:316px; margin-right:21px;}
.child_reporter_2017 ul.reporter_pic li:nth-child(2n) {margin-right:21px;}
.child_reporter_2017 ul.reporter_pic li:nth-child(3n) {margin-right:0;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1260px){

/* 소셜미디어 */
.social_area .social.facebook_area {height:300px;}
.social_area .social.blog_area {height:300px;}
.social_area .social.youtube_area {height:300px;}
.social ul.social_data_area {height:258px;}
.social_area .cafe_btn_area {height:300px;}

.social_area .cafe_btn_area div {height:140px;}
.social_area .cafe_btn_area div a {padding:20px;}
}

/*============================================================================================================================
											청소년 진로체험 css 170102-엄윤섭
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
.best_job_area {width:96%; margin:0 auto; word-break:keep-all;}

/* 상단 탭 영역 */
.best_job_area  ul.best_job_tab {margin-top:0; width:100%; background:none; overflow:hidden;}
.best_job_area  ul.best_job_tab li {list-style:none; float:left; width:50%; border:1px solid #d9d9d9; border-right:none;
												box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.best_job_area  ul.best_job_tab li:nth-child(1), .best_job_area  ul.best_job_tab li:nth-child(2) {border-bottom:none;}
.best_job_area  ul.best_job_tab li:nth-child(2n) {border-right:1px solid #d9d9d9;}
.best_job_area  ul.best_job_tab li a {display:block; width:100%; padding:5px 10px; text-align:center; font-size:14px; font-weight:bold;height:40px; line-height:30px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
									overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-text-overflow:ellipsis}
.best_job_area  ul.best_job_tab li a span {display:none;}
.best_job_area  ul.best_job_tab li a.on {background:#5285d8; color:#ffffff; font-weight:bold;}
.best_job_area  ul.best_job_tab li a:hover {background:#5285d8; color:#ffffff; font-weight:bold;}

/* 본문 영역 */
.best_job_area h3.job_title {display:inline-block; font-weight:bold; color:#333; font-size:22px; line-height:24px; margin:30px 0 0 0; padding:10px 15px 10px 13px;
							background: url('/contents/page/image/kids_business/business_title_bg.jpg') no-repeat left 11px;}
.best_job_area ul.job_ul {padding:0; margin:0 0 0 10px;}
.best_job_area ul.job_ul li {font-weight:bold; list-style:none; margin:0 0 7px 0; padding:0 0 0 8px; font-size:15px; line-height:20px; color:#444;
							background: url('/contents/page/image/common/bullet_3x3.png') no-repeat left 8px;}
.best_job_area .job_photo {margin-top:15px;}
.best_job_area .job_photo .photo_area {text-align:center;}
.best_job_area .job_photo .photo_area img {width:100%; max-width:450px; border-radius:10px;}
.best_job_area .job_photo .photo_txt {margin-top:15px;}
.best_job_area .job_photo .photo_txt p {font-size:16px; line-height:22px;}
.best_job_area .job_photo .photo_txt p.reference {font-size:16px; font-weight:bold; line-height:20px; margin-top:10px;}

/* 동영상 영역 */
.best_job_area .best_job_movie {border:1px solid #d9d9d9; border-top:3px solid #3183c3; margin-top:20px;}
.best_job_area .best_job_movie ul.movie_thum {padding:4%; position:relative; overflow:hidden;}
.best_job_area .best_job_movie ul.movie_thum li {display:inline-block; float:left; width:48%; padding:0; margin-right:4%; list-style:none;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title {position:relative; color:#fff; font-weight:bold; text-align:center;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title img {width:100%;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .txt {position:absolute; top:20%; width:100%; font-size:4vw;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .title {position:absolute; top:45%; width:100%; font-size:8vw;}
.best_job_area .best_job_movie ul.movie_thum li:nth-child(2n) {margin-right:0;}
.best_job_area .best_job_movie ul.movie_thum li a {display:block;}
.best_job_area .best_job_movie ul.movie_thum li figure {display:block; }
.best_job_area .best_job_movie ul.movie_thum li figure img {width:100%; height:auto;}
.best_job_area .best_job_movie ul.movie_thum li figure figcaption {text-align:center; font-size:16px; font-weight:bold; margin:10px 0 20px 0;
																	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.best_job_area .best_job_movie .movie_view {padding:0 4% 4% 4%;}

/* 댓글 영역 */
.best_job_area .reply_write_area {}
.best_job_area .reply_write_area p.result_num {margin-top:15px; font-size:16px; color:#333; font-weight:bold;}
.best_job_area .reply_write_area .reply_write {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8; padding:15px; margin-top:7px;}
.best_job_area .reply_write_area .reply_write .input {margin-bottom:10px;}
.best_job_area .reply_write_area .reply_write .input input {width:100%; height:28px; line-height:27px; padding:0 10px; border:1px solid #999;}
.best_job_area .reply_write_area .reply_write .input span {display:inline-block; line-height:30px; color:#666; font-size:13px;}
.best_job_area .reply_write_area .reply_write .textarea {overflow:hidden;}
.best_job_area .reply_write_area .reply_write .textarea textarea {float:left; margin-right:3%; width:100%; height:55px; line-height:18px; padding:7px 10px; border:1px solid #999;}
.best_job_area .reply_write_area .reply_write .textarea .button button {width:100%; height:40px; margin-top:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.best_job_area .reply_write_area .reply_write .input input::-webkit-input-placeholder {color:#b7b7b7;}
.best_job_area .reply_write_area .reply_write .input input:-moz-placeholder {color:#b7b7b7;}
.best_job_area .reply_write_area .reply_write .input input:-ms-input-placeholder {color:#b7b7b7;}
.best_job_area .reply_write_area .reply_write .textarea textarea::-webkit-input-placeholder {color:#b7b7b7;}
.best_job_area .reply_write_area .reply_write .textarea textarea:-moz-placeholder {color:#b7b7b7;}
.best_job_area .reply_write_area .reply_write .textarea textarea:-ms-input-placeholder {color:#b7b7b7;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
.best_job_area {}

/* 상단 탭 영역 */
.best_job_area  ul.best_job_tab {}
.best_job_area  ul.best_job_tab li {width:25%;}
.best_job_area  ul.best_job_tab li:nth-child(1), .best_job_area  ul.best_job_tab li:nth-child(2) {border-bottom:1px solid #d9d9d9;}
.best_job_area  ul.best_job_tab li:nth-child(2n) {border-right:none;}
.best_job_area  ul.best_job_tab li:last-child {border-right:1px solid #d9d9d9;}
.best_job_area  ul.best_job_tab li a {text-align:left; font-size:15px; height:50px; line-height:20px;}
.best_job_area  ul.best_job_tab li a span {display:block; font-size:13px;}
.best_job_area  ul.best_job_tab li:last-child a {line-height:40px;}

/* 동영상 영역 */
.best_job_area .best_job_movie ul.movie_thum {padding:3%;}
.best_job_area .best_job_movie ul.movie_thum li {width:23.5%; margin-right:2%;}
.best_job_area .best_job_movie ul.movie_thum li:nth-child(2n) {margin-right:2%;}
.best_job_area .best_job_movie ul.movie_thum li:nth-child(4n) {margin-right:0;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .txt {font-size:18px;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .title {font-size:36px;}

.best_job_area .best_job_movie .movie_view {padding:0 3% 3% 3%;}

/* 댓글 영역 */
.best_job_area .reply_write_area .reply_write .input input {width:200px;}
.best_job_area .reply_write_area .reply_write .textarea textarea {width:84%; margin-right:2%;}
.best_job_area .reply_write_area .reply_write .textarea .button button {width:14%; height:55px; margin-top:0;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 상단 탭 영역 */
.best_job_area  ul.best_job_tab li a {font-size:18px; height:68px; line-height:22px; padding:10px 20px;}
.best_job_area  ul.best_job_tab li a span {font-size:15px;}
.best_job_area  ul.best_job_tab li:last-child a {line-height:44px;}

/* 본문 영역 */
.best_job_area .job_photo {}
.best_job_area .job_photo .photo_area {text-align:left; float:left; width:450px; margin-right:30px;}
.best_job_area .job_photo .photo_area img {}
.best_job_area .job_photo .photo_txt {margin-top:0; float:right; width:510px;}
.best_job_area .job_photo .photo_txt p {}

/* 동영상 영역 */
.best_job_area {width:100%;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .txt {font-size:22px;}
.best_job_area .best_job_movie ul.movie_thum li.best_job_title .title {font-size:44px;}

.best_job_area .best_job_movie .movie_view {width:100%; text-align:center; background:url('/contents/page/image/event/best7/movie_txt.jpg') no-repeat 20px top;}
.best_job_area .best_job_movie .movie_view video {max-width:700px; margin:0 auto;}

/* 댓글 영역 */
.best_job_area .reply_write_area .reply_write .textarea textarea {width:87%; margin-right:2%;}
.best_job_area .reply_write_area .reply_write .textarea .button button {width:11%}
}

/*============================================================================================================================
											정책고객 - 통일나비 회원이란?
=============================================================================================================================*/
/*======================================
			모바일 CSS
========================================*/
.uninavi {width:100%; background:url('/contents/page/image/uninavi/uninavi_bg.jpg') no-repeat center top;}

.uninavi .uninavi_txt {width:90%; margin:0 auto; word-break:keep-all;}
.uninavi .uninavi_txt h3 {font-size:26px; font-weight:bold;}
.uninavi .uninavi_txt p {margin-top:25px; font-size:16px; line-height:20px;}
.uninavi .uninavi_txt p.txt_big {font-size:18px; line-height:24px;}
.uninavi .uninavi_txt p.txt_blue {color:#257bca; border:1px solid #d9d9d9; border-radius:5px; padding:8px 10px; background:#fff;}
.uninavi .uninavi_txt ul {margin:10px 0 0 0; padding:0;}
.uninavi .uninavi_txt ul li {list-style:none; line-height:24px; font-size:16px; padding:0 0 0 10px; background:url('/contents/page/image/uninavi/bullet_3x3.png') no-repeat left 11px;}

.uninavi .uninavi_img {width:100%; height:543px; margin-top:30px; background:url('/contents/page/image/uninavi/uninavi_left.png') no-repeat center top;}

.uninavi .uninavi_btn {text-align:center; margin-top:30px;}
.uninavi .uninavi_btn span a {width:250px; font-size:15px;}

ul.navi_tab {width:100%; text-align:center; background:none; overflow:hidden; margin-top:30px;}
ul.navi_tab li {list-style:none; float:left; width:50%; border:1px solid #d9d9d9; border-bottom:none;
												box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul.navi_tab li a {display:block; width:100%; text-align:center; font-size:16px; height:40px; line-height:40px;}
ul.navi_tab li a.on {background:#5285d8; color:#ffffff; font-weight:bold;}
ul.navi_tab li a:hover {background:#5285d8; color:#ffffff; font-weight:bold;}
ul.navi_tab li:last-child {border-left:none;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){
.uninavi {width:100%; margin-top:50px;}
.uninavi .uninavi_txt {float:right; width:57%; margin:0 3% 0 0; background:url('/contents/page/image/uninavi/uninavi_right.png') no-repeat right bottom 60px; background-size:155px auto;}
.uninavi .uninavi_img {float:left; width:34%; margin:0 3%; background-size:100% auto;}

.uninavi .uninavi_btn {margin-top:40px;}
.uninavi .uninavi_btn span a {width:150px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){
.uninavi {width:100%; margin:0;}
.uninavi .uninavi_txt {width:640px; margin:60px 0 0 0; background:url('/contents/page/image/uninavi/uninavi_right.png') no-repeat right bottom 60px; background-size:auto auto;}
.uninavi .uninavi_img {width:350px; margin:0; background-size:auto auto; background-position:left top;}
.uninavi .uninavi_btn {margin-top:90px;}
}

/*============================================================================================================================
									2017 라이트개편 대표 홈페이지
=============================================================================================================================*/
/*======================================
			모바일용 CSS
========================================*/

/* 학교통일교육 탭 */
.school_tab_area {position:relative; margin:0 auto 41px auto; padding:0; width:100%; text-align:left; word-break:keep-all;}
	.school_tab_area ul.school_tab {position:relative; margin:0; padding:0; list-style:none; font-size:14px;}
	.school_tab_area ul:after {content:""; display:block; clear:both;}
	.school_tab_area li a {border:1px solid #d9d9d9; border-radius:5px 5px 0 0; background:#fff; color:#333; font-size:20px; font-weight:bold; text-align:center;
							box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.school_tab_area li a span {display:inline-block; width:100px; height:40px; line-height:38px; cursor:pointer;}
	.school_tab_area li.active > a {background:#1389e8; color:#fff;}
	.school_tab_area li.active a span {}
	.school_tab_area li.first_tab > a {position:absolute; left:0; top:0;}
	.school_tab_area li.second_tab > a {position:absolute; left:102px; top:0;}
	.school_tab_area li.third_tab > a {position:absolute; left:204px; top:0;}

	.school_tab_area li ul {width:100%; position:relative; top:41px; left:0; list-style:none; border:0; margin:0; padding:25px 20px; background:#fff; border:1px solid #d9d9d9;
							box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.school_tab_area li ul:after {content:""; display:block; clear:both}
	.school_tab_area li li {float:none; position:relative; margin:0 0 4px 0; color:#666;}
	.school_tab_area li li a {display:block; width:100%; padding:10px 15px; float:none; color:#666; font-weight:normal; border:1px solid #d9d9d9; text-align:left;
							 font-size:14px; border-radius:3px; background:#fff url("/contents/page/image/main/unikids/arrow_gray_6x10.png") 95% center no-repeat;}
	.school_tab_area li li a.on,
	.school_tab_area li li a:hover,
	.school_tab_area li li a:active,
	.school_tab_area li li a:focus{color:#fff; background:#1389e8 url("/contents/page/image/main/unikids/arrow_white_6x10.png") 95% center no-repeat; color:#fff;}

	.school_tab_area li li div.tab_txt {border-bottom:1px dashed #d9d9d9; margin-bottom:15px; padding-bottom:15px;}
	.school_tab_area li li div.tab_txt h5 {font-size:20px; font-weight:bold; color:#333; margin-bottom:20px;}
	.school_tab_area li li div.tab_txt p {font-size:15px; color:#666; line-height:1.4;}

@media all and (min-width:768px){
	.school_tab_area li a span {width:150px;}
	.school_tab_area li.first_tab > a {position:absolute; left:0; top:0;}
	.school_tab_area li.second_tab > a {position:absolute; left:152px; top:0;}
	.school_tab_area li.third_tab > a {position:absolute; left:304px; top:0;}
}

/* 사회통일교육 탭 */
.social_tab_area {position:relative; margin:0 auto 61px auto; padding:0; width:100%; text-align:left; word-break:keep-all;}
	.social_tab_area ul.social_tab {position:relative; margin:0; padding:0; list-style:none; font-size:14px;}
	.social_tab_area ul:after {content:""; display:block; clear:both;}
	.social_tab_area li a {border:1px solid #d9d9d9; border-radius:5px 5px 0 0; background:#fff; color:#333; font-size:20px; font-weight:bold; text-align:center;
							box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.social_tab_area li a span {display:inline-block; height:40px; line-height:38px; cursor:pointer;}
	.social_tab_area li:first-child a span {width:140px;}
	.social_tab_area li:last-child a span {width:180px;}
	.social_tab_area li.active > a {background:#1389e8; color:#fff;}
	.social_tab_area li.active a span {}
	.social_tab_area li.first_tab > a {position:absolute; left:0; top:0;}
	.social_tab_area li.second_tab > a {position:absolute; left:142px; top:0;}

	.social_tab_area li ul {width:100%; position:relative; top:41px; left:0; list-style:none; border:0; margin:0; padding:25px 20px; background:#fff; border:1px solid #d9d9d9; overflow:hidden;
							box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.social_tab_area li ul:after {content:""; display:block; clear:both}
	.social_tab_area li.second_tab .ul_tab02 {display:none;}
	.social_tab_area li li {float:left; width:49%; position:relative; margin:0 2% 4px 0; color:#666;}
	.social_tab_area li li:nth-child(odd) {margin-right:0;}
	.social_tab_area li li.tab_first {width:100%;}
	.social_tab_area li li a {display:block; width:100%; padding:10px 15px; margin-right:0; float:none; color:#666; font-weight:normal; border:1px solid #d9d9d9; text-align:left;
							 font-size:14px; border-radius:3px; background:#fff url("/contents/page/image/main/unikids/arrow_gray_6x10.png") 90% center no-repeat;}
	.social_tab_area li li a.on,
	.social_tab_area li li a:hover,
	.social_tab_area li li a:active,
	.social_tab_area li li a:focus{color:#fff; background:#1389e8 url("/contents/page/image/main/unikids/arrow_white_6x10.png") 90% center no-repeat; color:#fff;}

	.social_tab_area li li div.tab_txt {border-bottom:1px dashed #d9d9d9; margin-bottom:15px; padding-bottom:15px;}
	.social_tab_area li li div.tab_txt h5 {font-size:20px; font-weight:bold; color:#333; margin-bottom:20px;}
	.social_tab_area li li div.tab_txt p {font-size:15px; color:#666; line-height:1.4;}

/* 공공부문 통일교육 탭 */
#content_section .title_area .title, #rmenu_section .title_area .title {font-size:26px;padding:26px 0 15px;}

.public_tab_area {position:relative; margin:0 auto 41px auto; padding:0; width:100%; text-align:left; word-break:keep-all;}
.public_tab_area ul {margin:0; padding:0; list-style:none;}
.public_tab_area .public_tab1 {width:100%;position:relative;}
.public_tab_area .public_tab1:after {content:""; display:block; clear:both;}
.public_tab_area .public_tab1 li {float:left;}
.public_tab_area .public_tab1 li a {height:40px; line-height:38px; display:block; background:#fff; color:#383838; font-size:14px; font-weight:bold; text-align:center;
						 border:1px solid #383838; border-right:0; border-bottom:3px solid #004f96; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.public_tab_area .public_tab1 li.active > a {color:#364c86;border-top:3px solid #364c86; border-right:3px solid #364c86; border-left:3px solid #364c86; border-bottom:0;}
.public_tab_area .public_tab1 li.active a span {}
.public_tab_area .public_tab1 li.first_tab > a {width:24%; position:absolute; left:0; top:0;}
.public_tab_area .public_tab1 li.second_tab > a {width:35%; position:absolute; left:24%; top:0;}
.public_tab_area .public_tab1 li.third_tab > a {width:41%; position:absolute; left:59%; top:0;}
.public_tab_area .public_tab1 li.fourd_tab > a {position:absolute; left:75%; top:0; border-top:0; display:none;}

.public_tab_area .ul_tab {width:100%; height:auto; position:relative; top:50px; left:0; list-style:none; margin:0; padding:0; overflow:hidden;}
.public_tab_area .ul_tab:after {content:""; display:block; clear:both}
.public_tab_area .ul_tab li {width:100%; margin-right:1%; float:left; color:#383838;}
.public_tab_area .ul_tab li:nth-child(1) {width:100%; font-size:0.938em; padding:20px; margin-bottom:10px; background-color:#f0f2f6; line-height:140%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.public_tab_area .ul_tab li:nth-child(3) {margin:0;}
.public_tab_area .ul_tab li.link_sec {width:49%;color:#fff; font-size:14px; padding:6px 3px; line-height: 23px;border-radius:3px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/* .public_tab_area .ul_tab li.link_sec {width:49%;color:#fff; font-size:13px; line-height:22px; padding:10px 3px 3px 3px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} */
.public_tab_area .ul_tab li.link_sec01 {background-color:#364c86;}
.public_tab_area .ul_tab li.link_sec02 {background-color:#4666af;}
.public_tab_area .ul_tab li.link_sec img {margin:4px 6px 0 5px;}
.public_tab_area .ul_tab li.link_sec01 a {color:#364c86;}
.public_tab_area .ul_tab li.link_sec02 a {color:#4666af;}
.public_tab_area .ul_tab li.link_sec p {height:54px;font-size:13px; padding:8px; line-height:18px; background-color:#fff; color:#333;  letter-spacing:-2px; margin-top:11px;}
.public_tab_area .ul_tab li.link_sec a {width:57px; height:24px; line-height:24px; font-size:12px; background-color:#fff; float:right; border-radius:3px; border:0; margin-right:5px;}

.public_tab_area .public_tab2 {width:100%;position:relative; top:60px; left:0;}
.public_tab_area .public_tab2:after {content:""; display:block; clear:both;}
.public_tab_area .public_tab2 li {width:32%; float:left; margin-right:2%; margin-bottom:7.5px;padding:10px 2% 12px; text-align:center; border-radius:5px; background-color:#e8e8e8;box-sizing:border-box;}
.public_tab_area .public_tab2 li:nth-child(3n) {margin-right:0;}
.public_tab_area .public_tab2 li:hover {background-color:#0d85e7;}
.public_tab_area .public_tab2 li a {display:block; width:100%;font-size:14px; font-weight:bold; color:#333; text-align:center;}
.public_tab_area .public_tab2 li:hover a {color:#fff;}
.public_tab_area .public_tab2 .tab2_active {background-color:#0d85e7;}
.public_tab_area .public_tab2 .tab2_active a {color:#fff;}
.public_tab_area .public_tab2 li a.tab2_btn4_pc {display:none;}

/* 글로벌 통일교육 탭 */
.public_tab_area .public_tab5 {width:100%;position:relative;}
.public_tab_area .public_tab5:after {content:""; display:block; clear:both;}
.public_tab_area .public_tab5 li {float:left;}
.public_tab_area .public_tab5 li a {line-height:22px;padding:6px 0;display:block; background:#fff; color:#383838; font-size:14px; font-weight:bold; text-align:center;
						 border:1px solid #383838; border-right:0; border-bottom:3px solid #004f96; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.public_tab_area .public_tab5 li.active > a {color:#364c86;border-top:3px solid #364c86; border-right:3px solid #364c86; border-left:3px solid #364c86; border-bottom:0;}
.public_tab_area .public_tab5 li.active a span {}
.public_tab_area .public_tab5 li.first_tab > a {width:33.33%;position:absolute; left:0; top:0;}
.public_tab_area .public_tab5 li.second_tab > a {width:33.33%;position:absolute; left:33.33%; top:0;}
.public_tab_area .public_tab5 li.third_tab > a {width:33.33%;position:absolute; left:66.66%; top:0;}

.en_site .public_tab_area .public_tab5 li.first_tab > a, .en_site .public_tab_area .public_tab5 li.second_tab > a,
.en_site .public_tab_area .public_tab5 li.third_tab > a{height: 90px;}


.global_tit {position:relative;border:3px solid #efefef;border-radius:5px;padding:35px 45px;margin-bottom:50px;}
.global_tit span {position:static;display:block;margin:0 auto 10px;text-align:center;}
.global_tit b {display:block;font-size:1.5rem;line-height:2;color:#2d4478;margin-bottom:15px;text-align:center;}
.global_tit p {font-size:1rem;line-height:1.5;color:#555;padding-left:0;}

.en_site .global_tit {padding:35px;}
.en_site .global_tit b {line-height: 1.7rem;}

.proce {width:100%;display:block;margin-bottom:30px;}
.proce ul {overflow:hidden;}
.proce ul li {position:relative;width:100%;padding:20px 0;background:#f0f9ff;float:left;margin-top:20px;margin-bottom:20px;list-style:none;text-align:center;border-radius:5px;}
.proce ul li span {top:20px;}
.proce ul li:before {position:absolute;top:-30px;margin-top:0;margin-left:-11px;left:50%;content:"";display:inline-block;width:22px;height:22px;background:url(/contents/page/image/global_edu/uip_type1_arr.png);vertical-align:middle;-webkit-transform:rotate(90deg);}
.proce ul li:first-child:before {display:none;}
.proce ul li p {margin-top:15px;}

.academy {width:100%;display:block;margin-top:50px;}
.academy ul {overflow:hidden;}
.academy ul li {width:100%;height:100%;margin-top:20px;list-style:none;}
.academy ul li img{width:100%;height:100%;border-radius:5px;}

.global_edu {width:100%;display:block;margin-top:50px;}
.global_edu ul {overflow:hidden;}
.global_edu ul li {width:100%;height:100%;margin-top:20px;list-style:none;}
.global_edu ul li img{width:100%;height:100%;border-radius:5px;}

.public_con {width:100%; margin-top:80px;float:left;}
.public_con_notab {width:100%; margin-top:60px; float:left;}
.public_con_tab5 {width:100%; margin-top:50px; float:left;}
.public_tit {width:100%; font-size:24px; color:#333;letter-spacing:-2px;padding-bottom:20px;border-bottom:1px solid #d9d9d9;margin-bottom:30px;}
.public_tit_qa {width:100%; font-size:24px; color:#333;letter-spacing:-2px;padding-bottom:20px;border-bottom:1px solid #333;}
.public_tit2 {width:100%; font-size:24px; color:#333;letter-spacing:-2px;padding-bottom:20px;border-bottom:1px solid #d9d9d9;}
.public_sub_tit {font-size:18px; padding-left:12px;background:url("/contents/page/image/public_edu/sub_tit_ico.gif") no-repeat 0 7%;}
.public_box {font-size:15px; background-color:#e2ebf5; padding:16px 24px; color:#666; line-height:160%; margin:20px 0 50px;}
.public_box_no {font-size:15px; padding-left:12px; color:#666; line-height:160%; margin:15px 0;}

.public13_tb {width:70%;position:relative;left:50%;margin-left:-35%;margin-top:40px;font-size:16px;line-height:160%;color:#333;}
.public13_tb caption {color:#004f96; font-size:18px;font-weight:bold;margin-bottom:20px;}
.public13_tb thead {background-color:#f0f2f6;border-top:1px solid #004f96;border-bottom:1px solid #004f96;}
.public13_tb thead .public13_tb_tit {border-right:1px solid #0063bc;}
.public13_tb th {padding:7px 0 9px;}
.public13_tb_tit {width:17%;text-align:center;border-right:1px solid #d9d9d9;}
.public13_tb td {padding:15px 10px 17px;border-bottom:1px solid #d9d9d9;}
.public13_tb tbody ul {width:100%;padding-left:20px;}
.public13_tb tbody ul li {float:left;margin-right:30px;}
.public13_p {width:70%;position:relative;left:50%;margin-left:-35%;font-size:16px;margin-top:20px;color:#333;margin-bottom:50px;}

.howtostudy {width:100%;height:370px;list-style:none;padding-left:12px;margin:30px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.howtostudy li {width:49%;float:left;text-align:center;color:#fff;font-size:16px;font-weight:bold;background-color:#004f96;border-radius:10px;padding:5px;margin:0 2% 10px 0;
				box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-shadow:3px 3px 10px rgba(0,0,0,.3);}
.howtostudy li:nth-child(2n) {margin-right:0;}
.howtostudy li div {width:100%; height:120px; background-color:#fff; border-radius:10px; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.howtostudy li p {padding:15px 0 12px;}
a.reportForm_down {width:250px;height:48px;display:block;position:relative;left:50%;margin-left:-125px;line-height:47px;background-color:#004f96;border-radius:5px;color:#fff;font-size:18px;font-weight:bold;text-align:center;}
a.reportForm_down img {margin:11px 15px 0 0;}

a.result_regist {width:250px;height:48px;display:block;position:relative;left:50%;margin-left:-125px;line-height:47px;background-color:#9f2432;border-radius:5px;color:#fff;font-size:18px;font-weight:bold;text-align:center;}

.principle {width:100%;text-align:center;}
.principle img {width:100%;height:auto;margin:20px 0;}

.txt_ico_ul {display:none;width:100%;font-size:11px;padding:10px 15px 5px;background-color:#f0f2f6;list-style:none;float:left;}
.txt_ico_ul li {float:left;margin-right:15px;text-align:center;}
.txt_ico_ul li:last-child {margin-right:0;}
.txt_ico {display:inline-block;padding:0 4px 0 3px;border:1px solid #888;border-radius:3px;color:#888;font-size:11px;margin:0 3px 5px 0; background-color:#fff;}
.txt_ico1 {color:#eb5700;border-color:#eb5700;}
.txt_ico2 {color:#009944;border-color:#009944;}
.txt_ico3 {color:#225fac;border-color:#225fac;}
.txt_ico4 {color:#0d85e7;border-color:#0d85e7;}
.txt_ico5 {color:#638c0b;border-color:#638c0b;}
.txt_ico6 {color:#601986;border-color:#601986;}
.txt_ico7 {color:#f14491;border-color:#f14491;}
.txt_ico8 {color:#af8042;border-color:#af8042;}
.txt_ico9 {color:#7e6b5a;border-color:#7e6b5a;}
.txt_ico10 {color:#8f82bc;border-color:#8f82bc;}

.public_tab3 {width:100%;list-style:none;margin-top:20px;float:left;}
.public_tab3:after {content:""; display:block; clear:both;}
.public_tab3 li {width:24.05%; height:40px; line-height:39px; float:left; margin:0 1.25% 7.5px 0; background-color:#e8e8e8;border-radius:5px;text-align:center;}
.public_tab3 li:nth-child(4n) {margin-right:0;}
.public_tab3 li:hover {background-color:#0d85e7;}
.public_tab3 li:hover a {color:#fff;}
.tab3_active {background-color:#0d85e7 !important;}
.tab3_active a {color:#fff;}
.public_tab3 li a {font-size:13px;font-weight:bold;}

.teacher_list {width:100%;margin-top:10px;font-size:13px;float:left; color:#666;}
.teacher_list caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.teacher_list th {border:1px solid #004f96;background-color:#f0f2f6;}
.teacher_list th:first-child {border-left:0;}
.teacher_list th:last-child {border-right:0;}
.teacher_list th, .teacher_list td {padding:10px 10px 12px;text-align:center;}
.teacher_list td {border:1px solid #d9d9d9;}
.teacher_list td.Lborder_no {border-left:0;padding:10px 20px;}
.teacher_list td.Rborder_no {border-right:0;}
.teacher_list th:nth-child(1) {width:15%;padding:0 5px;}
.teacher_list td:nth-child(1) {width:15%;padding:0 5px;}
.teacher_list th:nth-child(2), .teacher_list th:nth-child(3), .teacher_list th:nth-child(7) {display:none;}
.teacher_list tr td:nth-child(2), .teacher_list tr td:nth-child(3), .teacher_list td:nth-child(7) {display:none;}

#qna_list {width:100%; height:auto; list-style:none;}
#qna_list li {width:100%; height:auto;}
#qna_list li:last-child a.qna_list_tit {border-bottom:1px solid #333;}
#qna_list li:last-child a.qna_list_open {border-bottom:1px solid #d9d9d9;}
a.qna_list_tit {float:left; display:block; width:100%; padding:15px 40px; font-size:15px; font-weight:bold;border-bottom:2px dotted #d9d9d9;
background:url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 15px, url('/contents/page/image/public_edu/down_arrow.png') no-repeat 98% 50%;cursor:pointer;box-sizing:border-box;}
a.qna_list_open {background:url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 15px, url('/contents/page/image/public_edu/up_arrow.png') no-repeat 98% 50%;border-bottom:1px solid #d9d9d9;}
.qna_list_a {width:100%; float:left;}
.qna_list_div {width:100%;float:left; padding:20px 40px;background:#f8f8f8 url("/contents/page/image/support/faq_answer.png") no-repeat 10px 20px;border-bottom:1px solid #d9d9d9;box-sizing:border-box;}
#qna_list li:last-child .qna_list_div {border-bottom:1px solid #333;}
.qna_list_div p {font-size:15px;color:#333;line-height:1.6;}
.qna_list_div p span {text-decoration:underline;}

/*======================================
			태블릿 CSS
========================================*/
@media all and (min-width:768px){

/* 학교통일교육 탭 */
.school_tab_area li ul.ul_tab {clear:both; float:none;}
.school_tab_area li li.tab_first {float:left; width:47%; border-right:1px dashed #d9d9d9; height:348px;}
.school_tab_area li li div.tab_txt {border-bottom:none; margin:0; padding:0 7% 0 0;}
.school_tab_area li li {float:right; width:50%; position:relative; margin:0 0 4px 0; color:#666;}

.school_tab_area li ul.ul_tab01 li.tab_first {background:url("/contents/page/image/main/unikids/tab_bg01.png") 94% 100% no-repeat;}
.school_tab_area li ul.ul_tab02 li.tab_first {background:url("/contents/page/image/main/unikids/tab_bg02.png") 94% 100% no-repeat;}
.school_tab_area li ul.ul_tab02 {background:#fff url("/contents/page/image/main/unikids/univ_building.png") 98% 80% no-repeat;}

/* 사회통일교육 탭 */
.social_tab_area li ul.ul_tab {clear:both; float:none;}
.social_tab_area li li.tab_first {float:left; width:100%;}
.social_tab_area li li {float:left; width:12%; position:relative; margin:0 4px 4px 0; color:#666;}
.social_tab_area li li:nth-child(odd) {margin-right:5px;}

/* 공공부문 통일교육 탭 */
.public_tab_area .public_tab1 li a {height:50px; line-height:50px; font-size:16px;}
.public_tab_area .public_tab1 li.first_tab > a {width:25%; position:absolute; left:0; top:0;}
.public_tab_area .public_tab1 li.second_tab > a {width:25%; position:absolute; left:25%; top:0;}
.public_tab_area .public_tab1 li.third_tab > a {width:25%;left:50%;}
.public_tab_area .public_tab1 li.fourd_tab > a {width:25%; border-top:0;display:block;}

/* 글로벌 통일교육 탭 */
.public_tab_area .public_tab5 li a {height:50px; line-height:50px; font-size:16px;padding:0;}
.proce ul li:nth-child(1) {margin-left:0;}
.proce ul li {width:22%;margin:20px 0 0 4%;}
.proce ul li:before {top:50%;margin-top:-11px;margin-left:0;left:-35px;-webkit-transform:rotate(0deg);}
.proce ul li.third {width:30.66%;}

.academy ul li:nth-child(1) {margin-left:0;}
.academy ul li:nth-child(4) {clear:both;margin-left:0;}
.academy ul li {width:32%;float:left;margin:20px 0 0 2%;}
.academy ul li img{height:264px;}

.global_edu ul li:nth-child(1) {margin-left:0;}
.global_edu ul li:nth-child(3) {clear:both;margin-left:0;}
.global_edu ul li {width:49%;float:left;margin:20px 0 0 2%;}
.global_edu ul li img{height:350px;}

.global_tit {padding:35px 45px 35px 180px;}
.global_tit span {position:absolute;top:50%;left:50px;transform: translate(0%, -50%);display:inline-block;width:80px;height:80px;vertical-align:middle;}
.global_tit b {text-align:left;}

.en_site .global_tit {padding:35px 45px 35px 180px;}
.en_site .global_tit b {line-height: 2rem;}

.public_tab_area .ul_tab {width:100%; height:120px; top:80px;}
.public_tab_area .ul_tab li {width:23%; margin:0 1% 0 0;}
.public_tab_area .ul_tab li:nth-child(1) {width:75%; padding:20px 30px;}
.public_tab_area .ul_tab li.link_sec {padding:6px 3px;width:100%;}
/* .public_tab_area .ul_tab li.link_sec {font-size:16px; padding:10px 3px 3px 3px; line-height: 22px;} */
.public_tab_area .ul_tab li.link_sec img {margin:4px 6px 0 10px;}
.public_tab_area .ul_tab li.link_sec p {padding:10px;}
/* .public_tab_area .ul_tab li.link_sec a {margin-right:10px;} */

.public_tab_area .public_tab2 {width:100%;position:relative; top:100px; left:0;}
.public_tab_area .public_tab2:after {content:""; display:block; clear:both;}
.public_tab_area .public_tab2 li {width:19%; height:60px; line-height:70px; float:left; margin-right:1.25%; padding:0;text-align:right;}
.public_tab_area .public_tab2 li:nth-child(3n) {margin-right:1.25%;}
.public_tab_area .public_tab2 li:hover {background-color:#fff;}
.public_tab_area .public_tab2 .tab2_btn1 {background:url("/contents/page/image/public_edu/tab2_btn01.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn2 {background:url("/contents/page/image/public_edu/tab2_btn02.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn3 {background:url("/contents/page/image/public_edu/tab2_btn03.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn4 {background:url("/contents/page/image/public_edu/tab2_btn04.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn5 {background:url("/contents/page/image/public_edu/tab2_btn05.png") no-repeat 0 0; margin:0;}
.public_tab_area .public_tab2 .tab2_active1 {background:url("/contents/page/image/public_edu/tab2_btn01_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_active2 {background:url("/contents/page/image/public_edu/tab2_btn02_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_active3 {background:url("/contents/page/image/public_edu/tab2_btn03_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_active4 {background:url("/contents/page/image/public_edu/tab2_btn04_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_active5 {background:url("/contents/page/image/public_edu/tab2_btn05_on.png") no-repeat 0 0; margin:0;}
.public_tab_area .public_tab2 .tab2_btn1:hover {background:url("/contents/page/image/public_edu/tab2_btn01_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn2:hover {background:url("/contents/page/image/public_edu/tab2_btn02_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn3:hover {background:url("/contents/page/image/public_edu/tab2_btn03_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn4:hover {background:url("/contents/page/image/public_edu/tab2_btn04_on.png") no-repeat 0 0;}
.public_tab_area .public_tab2 .tab2_btn5:hover {background:url("/contents/page/image/public_edu/tab2_btn05_on.png") no-repeat 0 0; margin:0;}
.public_tab_area .public_tab2 li a {padding-left:42px;box-sizing:border-box;}
.public_tab_area .public_tab2 li a.tab2_btn4_pc {display:block;}
.public_tab_area .public_tab2 li a.tab2_btn4_mo {display:none;}

.en_site .public_tab_area .public_tab5 li.first_tab > a, .en_site .public_tab_area .public_tab5 li.second_tab > a,
.en_site .public_tab_area .public_tab5 li.third_tab > a{height: 60px; line-height: 1.7rem;}

.public_con {margin-top:140px;}
.public_con_notab {margin-top:60px;}
.public_sub_tit {background:url("/contents/page/image/public_edu/sub_tit_ico.gif") no-repeat 0 50%;}

a.reportForm_down {margin-top:30px;}
a.result_regist {margin-top:30px;}

.principle img {width:742px; height:229px; margin:20px 0;}

.txt_ico_ul {display:block;}
.txt_ico_ul li {margin-bottom:6px;}
.txt_ico {margin-bottom:0;}

.public_tab3 {width:100%;}
.public_tab3 li {width:13.85%; height:40px; line-height:39px; margin:0 .5% 0 0;}
.public_tab3 li:nth-child(4) {margin-right:.5%;}
.public_tab3 li:nth-child(7) {margin-right:0;}
.public_tab3 li a {display:block;width:100%;height:100%;font-size:14px;}

.howtostudy {width:100%;height:180px;}
.howtostudy li {width:22%;}
.howtostudy li:nth-child(2n) {margin-right:2%;}
.howtostudy li:nth-child(4) {margin-right:0;}
.howtostudy li div {width:100%; height:120px; padding:20px;}

.teacher_list td.Lborder_no {width:8%;padding:10px 10px;}
.teacher_list th:nth-child(1) {width:8%;padding:0 10px;}
.teacher_list td:nth-child(1) {width:8%;padding:0 10px;}
.teacher_list th:nth-child(2), .teacher_list th:nth-child(3), .teacher_list th:nth-child(7) {display:table-cell;}
.teacher_list tr td:nth-child(2), .teacher_list tr td:nth-child(3), .teacher_list td:nth-child(7) {display:table-cell;}

a.qna_list_tit {background:url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 50%, url('/contents/page/image/public_edu/down_arrow.png') no-repeat 98% 50%;}
a.qna_list_open {background:url('/contents/page/image/support/faq_question_ico.png') no-repeat 10px 50%, url('/contents/page/image/public_edu/up_arrow.png') no-repeat 98% 50%;border-bottom:1px solid #d9d9d9;}
.qna_list_q {margin:0 30px;}
}

/*======================================
			PC기반 CSS
========================================*/
@media all and (min-width:1024px){

/* 학교통일교육 탭 */
.school_tab_area {width:100%;}
.school_edu_area h4 {margin:0;}
.school_tab_area li li.tab_first {width:388px !important; margin:0; height:156px;}
.school_tab_area li li div.tab_txt {padding:0 110px 0 0;}
.school_tab_area li li div.tab_txt p span {display:block;}
.school_tab_area li li {float:left; width:248px; margin-left:20px;}
.school_tab_area li li:last-child {margin-bottom:0;}
.school_tab_area li ul.ul_tab02 li {width:280px;}

.school_tab_area li ul.ul_tab01 li.tab_first {height:216px;}
.school_tab_area li ul.ul_tab02 li.tab_first {height:175px;}

/* 사회통일교육 탭 */
.social_tab_area {width:100%;}
.social_tab_area h4 {margin:0;}
.social_tab_area li ul.ul_tab01 li {width:103px;}
.social_tab_area li ul.ul_tab02 li {width:103px;}
.social_tab_area li li.tab_first {width:388px !important; margin:0; height:156px; border-right:1px dashed #d9d9d9;}
.social_tab_area li li div.tab_txt {border-bottom:none; margin:0; padding:0 30px 0 0;}
.social_tab_area li li div.tab_txt p span {display:block;}
.social_tab_area li li:nth-child(5n-3) {padding-left:20px;}

.social_tab_area li ul.ul_tab01 li.tab_first {height:180px; background:url("/contents/page/image/main/unilms/edu_img1.png") right 5px bottom no-repeat; background-size:auto 80px;}
.social_tab_area li ul.ul_tab02 li.tab_first {height:180px; background:url("/contents/page/image/main/unilms/edu_img1.png") right 5px bottom no-repeat; background-size:auto 80px;}

/* 공공부문 통일교육 탭 */
.txt_ico_ul {height:18px;line-height:16px;font-size:11px;padding:10px 15px;background-color:#f0f2f6;list-style:none;}
.public_tab_area .ul_tab li:nth-child(1), .public_tab_area .ul_tab li.link_sec p {height:auto;}
.public_tab3 {height:40px;list-style:none;}

/* 글로벌  통일교육 탭 */
.en_site .public_tab_area .public_tab5 li.first_tab > a, .en_site .public_tab_area .public_tab5 li.second_tab > a,
.en_site .public_tab_area .public_tab5 li.third_tab > a{height: 55px; line-height: 3rem;}

}



@media all and (min-width:1260px){

/* 사회통일교육 탭 */
.social_tab_area li ul.ul_tab01 li {width:108px;}
.social_tab_area li ul.ul_tab02 li {width:108px;}
.social_tab_area li li:nth-child(5n-3) {padding-left:0;}
.social_tab_area li li:nth-child(7n-5) {padding-left:20px;}

/* 공공부문 통일교육 탭 */
.txt_ico_ul li {margin-right:43px;}
}

/*======================================
			영문 White Paper
========================================*/
.eng_books .h3-title{margin-bottom:1em;font-size:20px;line-height:1.4;color:#649edb}
.eng_books{word-break:break-all}
.eng_books .section-content {margin-bottom:40px;}
.eng_books .section-content:last-child {margin-bottom:0;}
.eng_books .section-content a.downloadbtn{display:inline-block;height:24px;padding:0 11px;background-color:#649edb;line-height:23px;font-size:13px;font-weight:bold;color:#FFF;vertical-align:middle}
.eng_books .section-content a.downloadbtn:hover{}
.eng_books .section-content h3{display:table;margin-bottom:.5em;table-layout:fixed;}
.eng_books .section-content h3 a.downloadbtn{margin-left:5px}
.eng_books .section-content h3 > ul{display:table-row;table-layout:fixed}
.eng_books .section-content h3 > ul li{display:table-cell;vertical-align:middle}
.eng_books .section-content h3 > ul li:nth-child(2){width:90px}
.eng_books .section-content > div{min-height:219px;padding-left:182px;background:url(/contents/page/image/en_white_paper/eng-books1.jpg) 0 0 no-repeat;background-size:168px;font-size:16px}
.eng_books .section-content > div > ol > li{display:table;width:100%;padding-bottom:6px;color:#5d5d5d;}
.eng_books .section-content > div > ol > li > dl{display:table-row;overflow:hidden}
.eng_books .section-content > div > ol > li > dl dt{display:table-cell;width:84px;font-weight:bold;line-height:1.4;font-size:16px;}
.eng_books .section-content > div > ol > li > dl dd{display:table-cell;font-size:15px;line-height:1.4;color:#5d5d5d;}
.eng_books .section-content > div > ol > li ul{display:table;overflow:hidden;table-layout:fixed}
.eng_books .section-content > div > ol > li ul li{display:table-cell}
.eng_books .section-content > div > ol > li ul li:first-child{padding-right:10px}
.eng_books .section-content > div > ol > li ul li:nth-child(2){width:85px}
.eng_books .section-content > div > ol .appendix{line-height:1.4;font-weight:700;color:#5d5d5d;}
.eng_books .section-content > div.understandingNK{background:url(/contents/page/image/en_white_paper/eng-books2.jpg) 0 0 no-repeat;background-size:168px}
.eng_books .section-content > div.understandingNK > ol{line-height:1.4}
.eng_books .section-content > div.understandingNK > ol > li p.text{margin-bottom:1em}
.eng_books .section-content > div.understandingNK > ol > li {color:#5d5d5d;}
.eng_books .section-content > div.sndialogue{background:url(/contents/page/image/en_white_paper/eng-books3.jpg) 0 0 no-repeat;background-size:168px}

@media all and (max-width: 1023px){
.eng_books {width:96%; margin:0 auto;}
.eng_books .section-content > div.understandingNK > ol > li {color:#5d5d5d;}
}

@media all and (max-width: 767px){
.eng_books {width:96%; margin:0 auto;}
.eng_books .section-content > h3{font-size:14px;font-weight:bold}
.eng_books .section-content > h3 a.downloadbtn{font-weight:500}
.eng_books .section-content > div,.eng_books .section-content > div.understandingNK,.eng_books .section-content > div.sndialogue{padding-left:0;background:none;font-size:13px}
.eng_books .section-content > div > ol > li,.eng_books .section-content > div.understandingNK > ol > li,.eng_books .section-content > div.sndialogue > ol > li{padding-bottom:12px;color:#5d5d5d;}
.eng_books .section-content > div > ol > li > dl dt,.eng_books .section-content > div.understandingNK > ol > li > dl dt,.eng_books .section-content > div.sndialogue > ol > li > dl dt{width:70px;vertical-align:top;font-size:13px;}
.eng_books .section-content > div > ol > li > dl dd,.eng_books .section-content > div.understandingNK > ol > li > dl dd,.eng_books .section-content > div.sndialogue > ol > li > dl dd{font-size:13px;color:#5d5d5d;}
.eng_books .section-content > div > ol > li > dl dd ul li,.eng_books .section-content > div.understandingNK > ol > li > dl dd ul li,.eng_books .section-content > div.sndialogue > ol > li > dl dd ul li{vertical-align:top}
.eng_books .section-content > div > ol > li p.text,.eng_books .section-content > div.understandingNK > ol > li p.text,.eng_books .section-content > div.sndialogue > ol > li p.text{font-size:13px}
.eng_books .section-content > div > ol > li ul{width:100%}
.eng_books .section-content > div.understandingNK > ol > li {color:#5d5d5d;}
.eng_books .section-content > div.understandingNK > ol > li ul{width:auto}
}

/*======================================
			홈페이지 이용가이드
========================================*/
.homeguide_area {width:96%; margin:0 auto; word-break:keep-all;}
.homeguide_area ul.homeguide_tab {margin:30px 0; width:100%; text-align:center; background:none; overflow:hidden;}
.homeguide_area ul.homeguide_tab li {list-style:none; float:left; width:50%; border:1px solid #d9d9d9; border-top:none; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.homeguide_area ul.homeguide_tab li:first-child, ul.homeguide_tab li:nth-child(3) {border-top:1px solid #d9d9d9;}
.homeguide_area ul.homeguide_tab li:nth-child(2) {display:none;}
.homeguide_area ul.homeguide_tab li:nth-child(3) {border-right:1px solid #d9d9d9;}
.homeguide_area ul.homeguide_tab li a {display:block; width:100%; line-height:3; text-align:center; font-size:15px; padding-right:0; padding-left:0; font-weight:bold;}
.homeguide_area ul.homeguide_tab li a.on {background:#364c86; color:#ffffff; font-weight:bold;}
.homeguide_area ul.homeguide_tab li a:hover {background:#364c86; color:#ffffff;}
.homeguide_area ul.homeguide_tab li:last-child {border-right:1px solid #d9d9d9;}

.homeguide_area .underline_title {font-size:18px; color:#666; font-weight:bold; display:block; padding:0 0 10px 10px; border-bottom:2px solid #d9d9d9;}

.homeguide_area ul.program_list {overflow:hidden; margin:20px auto 0 auto;}
.homeguide_area ul.program_list li {list-style:none; width:100%; margin:0 0 30px 0; font-size:15px;}
.homeguide_area ul.program_list li a {display:block; height:90px; overflow:hidden; padding:15px 20px; border:1px solid #d9d9d9; border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebf0f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf0f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebf0f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf0f4',GradientType=0 ); /* IE6-9 */
}
.homeguide_area ul.program_list li a .program_img {display:block; width:80px; height:60px; float:left;}
.homeguide_area ul.program_list li a .program_img.program_img1 {background:url('/contents/page/image/homeguide/program01.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_img.program_img2 {background:url('/contents/page/image/homeguide/program02.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_img.program_img3 {background:url('/contents/page/image/homeguide/program03.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_img.program_img4 {background:url('/contents/page/image/homeguide/program04.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_img.program_img5 {background:url('/contents/page/image/homeguide/program05.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_img.program_img6 {background:url('/contents/page/image/homeguide/program06.jpg') no-repeat left top;}
.homeguide_area ul.program_list li a .program_name {display:block; margin-top:9px; font-weight:bold; color:#666;}
.homeguide_area ul.program_list li p.program_txt {margin-top:10px; color:#666;}

.homeguide_ul {font-size:15px; color:#666;list-style:none;margin-bottom:10px;}
.homeguide_ul li {line-height:22px; margin-top:15px;}

.edu_info_ul {font-size:16px; color:#ff3000;list-style:none;}
.edu_info_ul li {line-height:24px;}

.homeguide_img {width:100%;border:1px solid #d9d9d9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

@media all and (min-width:768px){
.homeguide_area ul.homeguide_tab li {width:25%;}
.homeguide_area ul.homeguide_tab li:nth-child(n+1) {border-right:none;}
.homeguide_area ul.homeguide_tab li:nth-child(3), .homeguide_area ul.homeguide_tab li:nth-child(4), .homeguide_area ul.homeguide_tab li:nth-child(5) {border-top:1px solid #d9d9d9;}
.homeguide_area ul.homeguide_tab li:nth-child(5) {border-right:1px solid #d9d9d9;}

.homeguide_area ul.program_list li {width:48%; height:160px; float:left; margin:0;}
.homeguide_area ul.program_list li:nth-child(2n) {margin:0; float:right;}
}

@media all and (min-width:1024px){
.homeguide_area {width:100%;}

.homeguide_area ul.program_list li {width:30.3333333333%; height:160px; float:left; margin:0 3% 0 0;}
.homeguide_area ul.program_list li:nth-child(2n) {float:left; margin:0 3% 0 0;}
.homeguide_area ul.program_list li:nth-child(3n) {margin:0;}
.homeguide_area ul.program_list li a {padding:15px 20px;}
}

/*======================================
		우측팝업존 수정-180411
========================================*/
@media all and (min-width:1260px){
.aside .a_popup ul.a_pop_list li.a_pop_txt {padding:13px 12px 13px 72px; border-bottom:1px solid #d9d9d9; height:87px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.aside .a_popup ul.a_pop_list li.a_pop_txt.a_pop_edu 	 {background:#fff url('/contents/page/image/aside/a_pop_bg_edu.png') no-repeat 14px center;}
.aside .a_popup ul.a_pop_list li.a_pop_txt.a_pop_notice  {background:#fff url('/contents/page/image/aside/a_pop_bg_notice.png') no-repeat 14px center;}
.aside .a_popup ul.a_pop_list li.a_pop_txt.a_pop_event	 {background:#fff url('/contents/page/image/aside/a_pop_bg_event.png') no-repeat 14px center;}
.aside .a_popup ul.a_pop_list li.a_pop_txt.a_pop_book	 {background:#fff url('/contents/page/image/aside/a_pop_bg_book.png') no-repeat 14px center;}
.aside .a_popup ul.a_pop_list li.a_pop_txt.a_pop_guide	 {background:#fff url('/contents/page/image/aside/a_pop_bg_guide.png') no-repeat 14px center;}
.aside .a_popup ul.a_pop_list li.a_pop_txt:last-child {border-bottom:1px solid #d9d9d9;}
.aside .a_popup ul.a_pop_list li.a_pop_txt h4 {font-size:15px; padding-bottom:4px; line-height:16px; font-weight:bold; color:#444444; position:relative; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aside .a_popup ul.a_pop_list li.a_pop_txt ul.txt {padding:0; margin:0;}
.aside .a_popup ul.a_pop_list li.a_pop_txt ul.txt li {padding:0; font-size:13px; color:#666; line-height:18px; border:none;}
.aside .a_popup ul.a_pop_list li.a_pop_txt ul.txt li span.no_link {font-size:13px; font-weight:normal; margin-bottom:2px; color:#666; line-height:18px; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aside .a_popup ul.a_pop_list li.a_pop_txt ul.txt li a {display:inline-block; max-width:148px; padding:0 11px 0 0; color:#666; font-size:13px; line-height:18px; background:url('/contents/page/image/aside/a_pop_arrow.png') no-repeat right center;
														white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.aside .a_popup ul.a_pop_list li.a_pop_txt ul.txt li a:hover {color:#257bca;}
}