@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* layout reset */
#header{position:absolute;}
.area_quick{position: fixed; top: 50%; margin-top: -112px;}

/* sub common css */
#container .content{overflow:hidden; position:relative; width:96%; max-width:1160px; min-width:320px; box-sizing:border-box; margin:0 auto; padding:115px 60px;}
.content h3{margin-bottom:45px; font-size:45px; font-weight:600; text-align:center; font-family:'Nanum Square', Sans-serif;}
.content h3 em{position:relative; display:inline-block; padding-left:97px;}
.content h3 em:after{content:''; display:block; position:absolute; top:-17px; left:0; width:81px; height:85px; background:url(/images/contents/icon_jesus.png) no-repeat 50% 50%;}
.content p{line-height:1.5; font-size:18px; text-align:center; color:#666; font-family:'Nanum Square', Sans-serif;}
.content .remark{display:block; margin:5px 0; font-size:15px; font-weight:500; color:#2b2b2b; text-align:center;}
.content img{max-width:100%;}
.content .area_button{margin:20px 0; text-align:center;}
.content .area_button a.button{overflow:hidden; min-width:186px; height:50px; line-height:48px; margin:0 auto; border-radius:5px; background:#f65490; border-color:#f65490; color:#fff; font-size:16px; font-weight:300;}
.content .area_button a.button:before{height:50px;}

.box_text p{text-align:left;}
.box_text p + p{margin-top:29px;}
.box_img{margin:65px 0; text-align:center;}
.box_img img{display:inline-block; max-width:90%;}

.fadein,
.animate-in{transition:all 0.6s ease-out 0s;}
.fadein{opacity:0.2;top:70px;position: relative;}
.animate-in{opacity:1;top:0;}

/* 01_01intro */
ul.area_tab{overflow:hidden; width:500px; margin: 0 auto;padding-bottom:50px; list-style: none;}
ul.area_tab li{position:relative; float:left; width:calc(50% - 10px); width:-webkit-calc(50% - 10px); height:auto; margin:0 5px; padding:20px 0; box-sizing: border-box; border:2px solid #f65490; border-radius:35px; text-align:center; cursor:pointer; color:#f65490; font-weight:bold;}
ul.area_tab li.active{background:#f65490; border:2px solid #f65490; color:#fff;}
.area_tab_container{clear:both; float:left; width:100%; background:#FFFFFF;}

ul.area_tab02{overflow:hidden; width:600px; margin: 0 auto;padding-bottom:50px; list-style: none;}
ul.area_tab02 li{position:relative; float:left; width:calc(33.3% - 10px); width:-webkit-calc(33.3% - 10px); margin: 0 5px; height:auto; padding:17px 0; box-sizing: border-box; border:2px solid #f65490; border-radius:35px; text-align:center; cursor:pointer; color:#f65490; font-weight:bold;}
ul.area_tab02 li.active{background:#f65490; border:2px solid #f65490; color:#fff;}

.area_history01 .testament{background:url(/images/contents/img_testament01.jpg) no-repeat 50% 50%; padding:100px 50px; margin-bottom:30px;  line-height:1.9;}
.area_history01 .testament p{text-align:left; width:65%; line-height:1.9; font-weight:500; color:#222; font-size:17px;}
.area_history01 .testament span{display:block; margin-top:20px; color:#555;}

.area_history01 .text01{margin-bottom:30px; color:#000; text-align:left; font-family:'Noto Sans KR' , Sans-serif;}
.area_history01 .text02{margin-bottom:20px; color:#222; line-height:1.8; font-size:15px; font-weight:300; text-align:left; font-family:'Noto Sans KR' , Sans-serif;}
.area_history01 .text02 span{color:#f65490; font-weight:500;}

.area_history02 .testament{background:url(/images/contents/img_testament02.jpg) no-repeat 50% 50%; padding:100px 50px; margin-bottom:30px;  line-height:1.9;}
.area_history02 .testament p{text-align:left; line-height:1.9; font-weight:bold; color:#fff; font-size:17px;}
.area_history02 .testament span{display:block; margin-top:20px; color:#fff;}
.area_history02 .text01{margin-bottom:20px; color:#222; line-height:1.8; font-size:15px; font-weight:300; text-align:left; font-family:'Noto Sans KR' , Sans-serif;}

/* 01_02강사소개 */
.area_president ul li{float:left; box-sizing:border-box; width: -webkit-calc(50% - 1%); width: calc(50% - 1%); margin-right:2%; margin-bottom:2%; padding: 20px; background:#f9f9f9 url(/images/contents/icon_list01.png) no-repeat 92% 92%; border:1px solid #ddd; }
.area_president ul li:nth-child(2n){margin-right:0;}
.area_president ul li.no_img{min-height:341px;}
.area_president ul li .image{float:left;}
.area_president ul li .text{float:left; margin:40px 0 0 20px; width:49%;}
.area_president ul li .text.m_no{width:100%;}
.area_president ul li .text div{display:inline-block; width:40%; vertical-align:top;}
.area_president ul li .text span{display:block; width:100px; padding:5px 0; background:#715840; color:#fff; text-align:center; font-size:14px;}
.area_president ul li .text ul li{position:relative; float:none; width:100%; padding:0 0 0 8px; background:none; border:none; font-size:15px; font-weight:400; line-height:1.7; color:#666;}
.area_president ul li .text ul li:before{content:''; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#666;}
.area_president ul li .text ul{margin-top:10px; }
.area_president ul li .text p{margin-top:10px; font-size:19px; font-weight:400; color:#222; text-align:left; font-family:'Noto Sans KR' , Sans-serif;}

.area_president table{width:100%; border-top:2px solid #715840; border-right: 1px solid #dbdbdb;}
.area_president table th{padding:15px 0;background:#f9f9f9; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; color: #000;}
.area_president table td{padding:15px 0; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;text-align:center;}

/* 02_program */
.tabCol{overflow:hidden; width:100%; margin-bottom:80px; background:#f6f6f6; border-radius:40px;}
.tabCol ul > li a{display:block; padding:20px; font-size:17px; font-weight:400; text-align:center; color:#9f9f9f; word-break:keep-all;}
.tabCol ul > li.on{background:/*#f98181*/ #5fa6e4; border-radius:40px; color:#fff;}
.tabCol ul > li.on a{color:#fff;}
.tabCol ul > li a br{display:none;}
.tabCnt .item{display:none;}
.tabCnt .item.on{display:block;}

.area_timetable ul li{text-align:center;}
.bx-controls-direction > .bx-next{right:80px; top:50%; background:url(../images/contents/btn_slide_right.png) no-repeat 50% 50%; z-index:9999;}
.bx-controls-direction > .bx-prev{left:80px; top:50%; background: url(../images/contents/btn_slide_left.png) no-repeat 50% 50%; z-index:9999;}
.bx-controls-direction > a{display:inline-block; position:absolute; right:0; bottom:0; width:60px; height:60px; text-indent:-9999px;}
.bx-pager.bx-default-pager{display:none;}

.list_program{overflow:hidden; margin-bottom:30px; text-align:center;}
.list_program li{float:left; width:16.6%; background:#414141;}
.list_program li a {color:#fff; padding:15px; display:block; text-transform:uppercase; text-decoration:none;}
.list_program li a:hover, .list_program li.active a{background:#f65490;}
.area_program .section{text-align: center; padding:50px 0;}

/* map */
.area_map{position:relative; padding:40px 20px 20px; margin-top:80px; background:#f3f9ff; border-radius:10px;}
.area_map:before{content:''; display:block; position:absolute; top:-50px; left:50%; z-index:99; width:117px; height:117px; margin-left:-57px; background:#fff url(../images/contents/icon_map01.gif) no-repeat 50% 50%; border-radius:50%; box-shadow:0 21px 21px rgba(125,125,125,.14);}
.area_map p{padding-top:15px; text-align:center; color:#1e5e9e;}
.area_map div div div div div div div div{padding:15px 13px !important; font-size:10px !important; border:0 !important; border-radius:0 !important; background:#e48ab6; background-image:linear-gradient(top left, #e48ab6, #a796f6); background-image:-ms-linear-gradient(top left, #e48ab6, #a796f6); background-image:-webkit-linear-gradient(top left, #e48ab6, #a796f6); background-image:-moz-linear-gradient(top left, #e48ab6, #a796f6);  background-image:-o-linear-gradient(top left, #e48ab6, #a796f6); border-color:transparent; box-shadow:5px 7px 15px rgba(0,0,0,0.2); }
.area_map div div div div div div div div span{font-family:'Noto Sans KR' !important; font-size:15px; color:#fff; font-weight:300;}
.roughmap_maker_label .roughmap_lebel_text{background:transparent !important; color:#fff !important; font-size:15px !important;}
.root_daum_roughmap a:active, .root_daum_roughmap a:link:hover{text-decoration:none !important;}
.roughmap_maker_label:after{display:none !important;}

/* 팀소개 */
.area_team .box{margin-bottom:50px; padding:50px; border:2px solid #c4d5e4; background:#fafdff;}
.area_team .box h4{font-size:20px; color:#141474; margin-bottom:20px; padding-left:16px; position:relative; text-align:left;}
.area_team .box h4:before{content: ''; position:absolute; top:10px; left:-2px; width:10px; height:6px;  transform: rotate(42deg); border-top:3px solid #f65490;}
.area_team .box p{line-height:1.7; margin-bottom:15px; text-align:left; font-size:15px; font-family:'Noto Sans KR' !important; color:#222; font-weight:600; word-break:keep-all;}
.area_team .box > div{line-height:1.7; word-break:keep-all;}

.area_team .box > ul > li{position:relative; padding-left:10px; margin-bottom:5px; line-height:1.7;}
.area_team .box > ul > li:before{content: ''; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:100%; background:#333;}

.area_team .box ul > li ul li{position:relative; padding-left:10px; margin-bottom:5px;}
.area_team .box ul > li ul li:before{content: ''; display:block; position:absolute; left:0; top:12px; width:4px; height:1px; background:#333; border-radius:50%;}



/* reset */
.content .blogList p,.content .bbsList p,.content .photoList p,.content .bbsView p,.content .comment_area p,.content .search_bbs p,.content .list_file p,.content .faqList p,.content .pdfList p{text-align: left;}

@media all and (max-width:1160px){
	#container .content{padding:80px 30px 50px;}
	.content h3{margin-bottom:35px; font-size:35px;}
	.content h3 em{padding-left:77px;}
	.content h3 em:after{width:67px; height:67px; background-size:contain;}
	.content p{font-size:17px;}
	.box_img{margin:30px 0;}
	.box_text p + p{margin-top:20px;}
	
	.list_intro{margin:34px 0;}
	.list_intro ul > li div{padding:30px 30px;}
	.list_intro ul > li:before{width:90px; height:90px; background-size:50%;}
	.list_intro ul > li span{font-size:15px;}
	
	.tabCol{margin-bottom:50px;}
}

/*mobile*/
@media all and (max-width:1200px){
	.area_president ul li .image{width:40%;}
	.area_president ul li .image img{width:100%;}
	.area_president ul li .text{width:calc(60% - 20px); width:-webkit-calc(60% - 20px);}
    
    .area_president ul li.no_img{min-height:inherit;}
}

@media all and (max-width:1024px){
	.area_quick{display: none;}
	#container .content{padding:70px 20px 40px;}
	.content h3{margin-bottom:30px; font-size:32px;}
	.content p{font-size:15px;}
	
	.list_intro ul{width:100%;}
	.list_intro ul > li{width:50%; min-height:auto; margin:0 0 20px 0; padding-left:60px;}
	.list_intro ul > li:last-child{width: 100%;}
	.list_intro ul > li:before{position:absolute; top:50%; left:0; width:80px; height:80px; margin-top:-40px; box-shadow:21px 5px 21px rgba(125,125,125,.14);}
	
	.tabCol{border-radius:0px;}
	.tabCol ul{display:table; table-layout:fixed; width:100%;}
	.tabCol ul > li{display:table-cell; padding:12px 5px; font-size:15px; vertical-align:middle;}
	.tabCol ul > li.on{border-radius:0;}
	
	.area_president ul li .text{margin:25px 0 0 20px;}
	.area_president ul li{height:290px; background:#f9f9f9 url(/images/contents/icon_list01.png) no-repeat 95% 10%; background-size:50px;}
	.area_president ul li .text ul li{height:auto;}
}

@media all and (max-width:900px){
	.bx-controls-direction > .bx-next{right:0; background-size:100%;}
	.bx-controls-direction > .bx-prev{left:0; background-size:100%;}
	
	.area_president ul li{width:100%; height:auto; margin-right:0; margin-bottom:20px;}
	.area_president ul li .text ul li{margin-bottom:auto;}
	.area_president ul li .image{text-align:center;}
	.area_president ul li .image img{width:auto;}
}

@media all and (max-width:767px){
	.content h3{font-size:28px;}
	.list_intro ul > li{width:100%;}

	.root_daum_roughmap .wrap_map{height:300px !important;}

	.bx-controls-direction > a{width:40px; height:40px;}
	.bx-controls-direction > .bx-next, .bx-controls-direction > .bx-prev{position: static; margin:0 3px;}
	.bx-controls-direction{margin-top:20px; text-align:center;}
	
	ul.area_tab, ul.area_tab02{width:100%; padding-bottom:30px;}
	ul.area_tab li, ul.area_tab02 li{padding:13px 0;}

	
	.area_history01 .testament{padding:40px 20px; background:#fdf0f2;}
	.area_history02 .testament{padding:40px 20px; background-position:70% 10%;}
	.area_history01 .testament p{width:100%; font-size:15px; font-weight:bold; font-family: 'Exo 2', 'Noto Sans KR' , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
	.area_history02 .testament p{width:100%; font-size:15px; font-weight:bold; font-family: 'Exo 2', 'Noto Sans KR' , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}

	.area_team .box{margin-bottom:30px; padding:30px 20px;}
	.area_team .box h4{font-size:18px;}
}

@media all and (max-width:540px){
	.area_president ul li .text{margin:10px 0 0 20px;}
	.area_president table th{padding:8px 0; font-size:15px;}
	.area_president table td{padding:8px 0; font-size:14px;}
	.tabCol ul > li a{padding:5px; font-size:15px; line-height:1.3em;}
	.tabCol ul > li a br{display:block;}
}

@media all and (max-width:470px){
	#container .content{padding: 70px 10px 40px;}
	
	.list_program{overflow:hidden; margin-bottom:30px;}
	.list_program li{float: left; width:33.3%; }
	.list_program li a{padding:10px 0; background:#414141;}
	
	ul.area_tab li, ul.area_tab02 li{height:50px; border-radius:0;}

	.area_president ul li{padding:10px;}
	.area_president ul li .text{margin:10px 0 0 20px;}
	.area_president ul li .text p{font-size:16px; font-weight:bold;}
	.area_president ul li .text span{font-size:13px;}
	.area_president ul li .text ul{margin-top:5px;}
	.area_president ul li .text ul li{font-size:13px;}	
}

@media all and (max-width:400px){
	.area_president ul li{background-size:30px;}

}