/* ÇÐȸ¼Ò°³-ÇÐȸ¼Ò°³ */
.intro_top{position:relative; font-size:1rem; line-height:1.9; text-align:justify; letter-spacing:-0.05em; display:flex; justify-content: space-between;
    background:url(../img/contents/intro_top_bg.jpg) 80% 50% no-repeat;
}
.intro_top .intro_top_txt > p:first-child{font-size: 1.25rem; color:#333333;}
.intro_top .intro_top_txt > p:nth-child(2){font-size: 1.875rem; line-height: 1.1em;}
.intro_top .intro_top_txt > p:nth-child(2) > span {font-size: inherit; color:#e95a2f;}
.intro_top_desc {text-align: justify;}

.intro_top div{margin:0 0 30px; align-self: self-end;}
.intro_top .video{width:250px; height:170px; padding:16px 0 0 6px;margin-left:25px;}

.intro_content {clear:both; float:left; width:100%; height:auto; margin-top:50px;  text-align: center; border-top: 1px solid #f7d7d2; border-bottom: 1px solid #f7d7d2;}
.intro_content > img:first-child{max-width: 80%; padding:50px 0px; margin:auto;}
.intro_content > img:nth-child(2){max-width: 100%; padding:50px 0px;}

.intro_ci{display:flex; justify-content: space-between;}
.intro_ci .intro_ci_img{width: 48%;  text-align:center; border:1px solid #bbb; padding:80px 0; align-self: self-start;}
.intro_ci .intro_ci_txt{width: 48%; }
.intro_ci .intro_ci_txt > div >p:first-child{color:#e95a2f; font-size: 1.25rem; font-weight: 600;}
.intro_ci .intro_ci_txt > div:first-child{color:#e95a2f; display:flex; justify-content: space-between; }
.intro_ci .intro_ci_desc {font-size: 1rem; line-height:1.8}



.ci_download{text-align:right; font-size:0; margin:10px 0 0; clear:both;}
.ci_download a{
    display: inline-block;
    padding: 0 5px 0 15px;
    border: 1px solid #ccc;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 10px;
}
.ci_download a b{float: left;
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    color: #e95a2f;
    font-size: 1rem;}
.ci_download a span{float:left; width:28px; height:37px; background:url(../img/contents/icon_download.gif) 50% 50% no-repeat;}
.ci_download a:hover{background-color:#f7f7f7; color:#444;}


/* ÇÐȸ¼Ò°³-ÇÐȸÀå Àλ縻 */

.greeting{overflow:hidden; text-align:justify; position:relative;}
.greeting div:first-child{ position:absolute; left:0px; width:300px; height:343px; background:url(../img/contents/kca_greeting_bg.jpg) 0 0 no-repeat;  text-align: end;}
.greeting div:first-child img {width:100%;}
/* .greeting p{font-size:30px; font-weight:200; color:#d9371e; line-height:1.3; letter-spacing:-0.05em; padding:14px 0 20px; font-family:"notokr", "Noto Sans KR", "³ª´®°íµñ",'NanumGothic',Helvetica!important;} */
.greeting .sign{text-align:right; font-size:1rem; color:#666; margin:40px 0 0;}
.greeting .sign b{color:#444;}
.greeting .sign b strong{font-weight:600; color:#000;}
	.greeting .sub_title_txt {padding-top:130px; padding-bottom:100px; z-index: 99; position: relative; margin-left: 350px;}
	.greeting .sub_title_txt p:first-child{font-size:1.25rem; }
.greeting .sub_title_txt p:first-child .sub_title_txt_orange{color:#e95a2f;font-size:1.25rem; }
.greeting .sub_title_txt p:last-child {font-size:1.875rem; margin-bottom: 60px; text-shadow: #fff 1px 0 10px;}


/* ÇÐȸ¼Ò°³-¿¬Çõ */
.history{position:relative; min-height:590px; margin-top:10px; overflow:hidden;}
.history_tab ul.year{ overflow:hidden;}
.history_tab ul.year li{ width:283px; float:left; }
.history_tab ul.year li a{display:block; padding:0 0 0 20px; line-height:44px; font-size:1.25rem; color:#5f6164; background:#f4f4f4; margin:0 0 9px 0;}
.history_tab ul.year li a:hover{color:#333; text-decoration:none;}
.history_tab ul.year li.on a{color:#fff; background:#e95943; }
.history_tab ul.year li.on { background:url(../img/contents/kca_history_tab.png) 50% 100% no-repeat #fff;}
.history ul:not(:first-child){display: none;}
.history ul li{ padding: 30px 0px;
    display: flex; justify-content:center; position:relative; border-bottom:1px solid #eaeaea; letter-spacing:-0.05em; line-height:1.4; font-size:13px; color:#666;}
.history ul li:nth-child(odd){flex-direction:row-reverse;}
.history ul li.line{border-color:#ccc;}
.history ul li span{
    width: 50%;
    color: #e95a2f;
    padding: 0 20px;
    font-size: 1.875rem;
    font-weight: 700;

}
.history ul li .desc_box{width:50%; padding:0 20px;}

.history ul li:nth-child(odd) .desc_box{border-right:1px dashed #e95a2f;}
.history ul li:nth-child(even) .desc_box{border-left:1px dashed #e95a2f; margin-left: -2px;}
.history ul li:nth-child(even) span,
.history ul li:nth-child(odd) .desc_box {text-align:right; line-height: 25px;}
.history ul li:hover{background:#f7f7f7;}

.tap_select{display:none; width:100%; margin:20px 0px;}
.tap_select select{
    width: 100%;
    height: 40px;
    margin: auto;
    text-align: center;
    border: 1px solid #e95a2f;
    border-radius: 5px;
    margin-top: 20px;
    appearance: none;
    color:#e95a2f;
    background:url(https://dev.counselors.or.kr//KOR/img/select_png.png) no-repeat 97% 15px;
    box-shadow: 0px 5px 5px #f760301a;
}

/* ÇÐȸ¼Ò°³-ÁÖ¿äÈ°µ¿ */

.kcawork_content {padding:50px 0px;}
.kcawork_content > img{width: 100%; max-width:999px;}
.kcawork_content h3{margin-top:50px;}
.kcawork_content .list_style {margin-top:15px; border-top:1px solid #e95943;}
.kcawork_content .list_style li{font-size:1rem; color:#666; line-height:1.6; padding:10px 0 10px 20px; background:url(../img/sub/dot.gif) 8px 18px no-repeat; border-bottom:1px solid #ddd; word-break:keep-all;}
.kcawork_content .list_style li:hover{background-color:#f7f7f7;}
.kcawork_content .list_style li span{display:inline-block; font-weight:600; color:#333; padding-right:15px;}
.kcawork_content .kca_work_sotitle{    display: block;
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #666;
    padding: 8px 0;
    margin-bottom: -1px;
    position: relative;}
.kcawork_content .kcawork_photo_style{margin-top:20px;}
.kcawork_content .kcawork_photo_style > img{width:100%;}

/* ÇÐȸ¼Ò°³-Á¤°ü */
.dep_slnb li {flex: 1; }
.dep_slnb li a {font-size:15px;}
   .law_list > table >tbody > tr >th{width: 33%;}
   .law_list > table >tbody > tr >td{width: 33%;}
.law_wrap {text-align:justify;}
.oath_wrap{border-width:1px; border-style:solid; border-color:#ef533b #ddd #ddd; padding:80px 90px;}
.oath_wrap .title{text-align:center; font-size: 1.9rem; line-height:1.4; letter-spacing:-0.05em; font-weight:400; color:#333;}
.oath_wrap .cont{line-height:1.6; margin:40px 0 0;}
.oath_wrap .cont p{border-bottom:1px dotted #ccc; padding:20px 0; text-align:justify;}
.oathdown_wrap{ margin:50px 0 50px;}
.oathdown_wrap h3{letter-spacing:-0.05em;}



.law_table1 {border-top:1px solid #e95943;}
.law_table1 th, .law_table td{height:21px; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:normal; line-height:1.4;}
.law_table1 thead{}
.law_table1 thead th, .law_table1 thead td{ padding:12px; color:#333; background:#f7f7f7; border-bottom:1px solid #ccc;}
.law_table1 thead th{}
.law_table1 thead td{}
.law_table1 tbody{}
.law_table1 tbody th, .law_table1 tbody td{ padding:12px; color:#666; border-bottom:1px solid #ededed;}
.law_table1 tbody th{color:#333; background:#f7f7f7;}
.law_table1 tbody td{}





	/* ÀýÂ÷ */
.oathdown_wrap .process{overflow:hidden; margin:20px 0 0; display:flex;}
.oathdown_wrap .process li{position:relative; width:21%; height:80px; text-align:center; border:1px solid #f87a66; border-radius:5px; margin-left:50px;}
.oathdown_wrap .process li:first-child{margin-left:0;}
.oathdown_wrap .process li .table{display:table; width:100%;}
.oathdown_wrap .process li .table-cell{display:table-cell; width:100%; height:80px; vertical-align:middle;  color:#666; line-height:1.4; letter-spacing:-0.05em;}
.oathdown_wrap .process li i{position:absolute; left:0; top:50%; width:7px; height:11px; margin:-5px 0 0 -28px; background:url(../img/sub/on.png) 0 0 no-repeat;}

	 /* ´Ù¿î */
.oathdown_wrap .down{margin:20px 0 0;}
.oathdown_wrap .down p{color:#666; line-height:1.4; padding:10px 0 0;}
.oathdown_wrap .down p:first-child{padding:0;}
.oathdown_wrap .down .down_btn{margin:20px 0 0;}
.oathdown_wrap .down .down_btn a{display:inline-block; padding:0 40px 0 20px; height:40px; line-height:40px;  color:#d9371e; letter-spacing:-0.05em; border:1px solid #f87a66; border-radius:3px; background:url(../img/contents/icon_download.gif) right 20px top 50% no-repeat;}

    #rightClick {text-align: center;}
	#rightCLick.hidden {display: none}
	#rightClick p {display: inline-block; clear:both; float:left; width:100%;}
    #rightClick img {max-width:100%; margin:0 auto;}
	div.gotop { position:fixed; right:20px; bottom:20px;  }
	div.gotop a {display:inline-block; width:50px; height:50px; line-height:50px; color:#fff; background-color:#877a71; border-radius: 25px; text-align: center; font-size:12px; font-weight: bold;}
	div.gotop a:hover {background:#000;}
/* Á¶Á÷ ¹× ±¸¼º */
.organ_box{overflow:hidden; margin-top:50px;}
.organ_box h4 {padding-bottom:15px;}

.organ_box.first{margin-top:0;}
.organ_box table{border-top:1px solid #ec6550; border-left:1px solid #ddd;}
.organ_box table tr:hover th, .organ_box table tr:hover td{background:#f0f0f0;}
.organ_box table th, .organ_box table td{height:41px; /*width:33.33%;*/ text-align:center; font-weight:normal; font-size:1rem; color:#666; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; }
.organ_box table th{background:#f7f7f7; color:#333;}
.organ_box table td{border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.organ_box .office_info {padding-bottom:10px;}
.organ_box .office_info li:first-child {color:#ff6600; font-weight: bold;}



/* ã¾Æ¿À½Ã´Â ±æ */


.txtbox{color:#666; line-height:1.6;}

.map_how{overflow:hidden; margin-top:15px;}
.map_how li{padding:10px 25px; border:1px solid #ddd; margin-bottom:10px; line-height:1.9; color:#666; display:block; overflow:hidden; border-radius: 10px;}
.map_how li:hover{border-color:#ec6550;}
.map_how li p{float:left; }
.map_how li p.tit{font-size:1rem; font-weight:600; letter-spacing:-0.05em; color:#333; width:70px; }
.map_how li span{color:#ec6550;}
.map_how li b{font-weight:normal; color:#333;}

.mapphp {padding:30px 0px 50px 0px; border-bottom:1px dashed #f760307a; margin-bottom: 60px;}
.mapphp .mapphp_icon1 > ul{display:flex; width: 50%;}
.mapphp .mapphp_icon1 {display:flex;}
.mapphp .mapphp_icon1 > ul > li > p {line-height: 28.2px;}
.mapphp .mapphp_icon1 > ul  {margin:5px;}
.mapphp .mapphp_icon1 > ul > li > img {margin-right:20px;}




@media all and (max-width:1080px){
	
    .intro_ci .intro_ci_img > img{width:90%;}
}

@media all and (max-width:768px){
.intro_top .video{width:100%; height:200px; padding:0px;margin-left:0px;}
    .intro_top{     flex-flow: wrap;}
    .intro_top .video{margin-left:unset;}
    .intro_ci{flex-direction: column;}
    .intro_ci .intro_ci_img{width: 100%;}
    .intro_ci .intro_ci_txt{width: 100%; margin-top:20px;}
	.intro_content > img:first-child{width:100%; max-width: 100%; }
	.intro_content {margin-bottom:50px;}
	
	
/* ÇÐȸ¼Ò°³-ÇÐȸÀå Àλ縻 */
	
	.greeting div {width:100%;}
    .greeting div:first-child { position:relative; 0px 20px 0; width:240px; height:274px; margin:0 auto;}
	
	
	
	.greeting .sub_title_txt {padding-top:30px; padding-bottom:0px; margin-left:0px;}
    .greeting div:first-child>img{ width:100%;max-width: 100%;}
	.greeting .sub_title_txt p:last-child{font-size:1.5rem; margin-bottom: 20px; letter-spacing: -1.5px;}
	
/* ÇÐȸ¼Ò°³-¿¬Çõ */
	
	.history ul li:nth-child(odd) .desc_box {border-left:1px dashed #e95a2f; border-right:none;}
	.history ul li:nth-child(odd) { flex-direction: row; }
	.history ul li:nth-child(even) span, .history ul li:nth-child(odd) .desc_box {text-align:left;}
	.history ul li span{ width: 100%;}
	.history ul li .desc_box{width:100%;}
	.tap_select {display: block;}
	.board_tap ul {display: none;}
	.board_h3 {}
		
/* ÇÐȸ¼Ò°³-Á¤°ü */	
	.dep_slnb li a {font-size:13px;}
	.law_list > table >tbody > tr >th{width:unset;}
	.law_list > table >tbody > tr >td{width:unset;}
	.law_list table td, .law_list table th{
		display:block; clear:both; text-align:center;
		padding-left:0;
	}
	.law_list table td{border:none;}


	.law_list table td, .law_list table th{padding: 10px 5px 10px 5px;}


	.law_table1 th, .law_table1 td{ height:auto;   display: block;
	clear: both;}
	.kca_law12 > table > thead > tr:nth-child(2){display:none;}

	.dep_slnb li {flex: none; width: 50%;}
	.dep_slnb.law2 li a{margin-top:0;}
	.law2.dep_slnb > li:nth-child(4) > a{line-height: 1.3;  padding-top: 5px;}

	.oath_wrap{padding: 30px 30px;}
	.oathdown_wrap .process{flex-direction: column;}
	.oathdown_wrap .process li{width:100%; margin-left:unset; margin-top: 30px;}
	.oathdown_wrap .process li i{left:50%; top:calc(100% + 10px); margin:0px 0 0 0px; transform: rotate(90deg);}
	div.gotop { position:fixed; right:0px; left:50%; margin-left:-15px; bottom:10px;  }
	div.gotop a {width:30px; height:30px; line-height:30px; border-radius: 15px; font-size:10px;}
	
	
.oathdown_wrap .down .down_btn a{display:inline-block; width:100%; padding:0 40px 0 20px; height:40px; line-height:40px;  color:#d9371e; letter-spacing:-0.05em; border:1px solid #f87a66; border-radius:3px; background:url(../img/contents/icon_download.gif) right 20px top 50% no-repeat;}
	
	
	/* ÇÐȸ¼Ò°³-ã¾Æ¿À½Ã´Â±æ */
    .mapphp .mapphp_icon1 {flex-direction: column;}
    .mapphp .mapphp_icon1 > ul{width: unset;}
	.map_how li {padding:10px 15px;}
	
}


@media all and (max-width:360px){
/* ÇÐȸ¼Ò°³-Á¤°ü */

   
       .law_wrap{word-break:unset;}
	

}