textarea:focus { outline: 1px dotted #000; }

.line_gray { padding-bottom: 40px; border-bottom: 1px solid #d7d7d7 }
.line_gray02 { padding-bottom: 40px; border-bottom: 1px solid #d7d7d7 }


.cnt_tit .hd3 { color: #0c4da2; font-size: 32px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5; font-weight:normal;}
.cnt_tit .hd3_stxt { font-size: 20px; }
.cnt { margin:0 10px; font-size: 16px; }
.cnt .cnt_section { margin: 50px 0 80px; }
.cnt span.break { display: block; }
.cnt p { margin-bottom: 20px; }
.cnt p.sl_sub { margin-bottom: 20px; font-size: 22px; color: #0c4da2; }
.cnt .cnt_tit2 { min-height: 225px; }
.cnt_tit2 .hd3 { margin-bottom: 30px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; font-size: 32px; color: #0c4da2; line-height: 1.5 }
.cnt_tit2 .hd3_stxt { font-size: 28px; line-height: 1.2; }
.cnt_tit3 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 1.5 }
.cnt_tit3 .hd3_stxt { font-size: 20px; line-height: 1.2; }
.cnt_tit4 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 1.5 }
.cnt_tit4 .hd3_stxt { font-size: 20px; line-height: 1.2; }

.cnt  .mr_t0 { margin-top: 0; }


.cnt_section .panel_menu { margin-top: 50px; }
.cnt_section .panel_menu:after { display: block; content: ''; clear: both; height: 0 }
.cnt_section .panel_menu li { float: left; }
.cnt_section .panel_menu li a { display: block; background: #f5f5f5; border: 1px solid #C6C6C6; font-size: 24px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 2.5; text-align: center }
.cnt_section .panel_menu li.n_line a { border-left: 0; border-right: 0 }
.cnt_section .panel_menu li.n_lineleft a { border-left: 0 }
.cnt_section .panel_menu li a.on { margin-top: -5px; line-height: 2.75; background: #fff; border-bottom: 0 }

.cnt_section .panel_menu li span { display: block; background: #f5f5f5; border: 1px solid #C6C6C6; font-size: 24px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 2.5; text-align: center }
.cnt_section .panel_menu li.n_line span { border-left: 0; border-right: 0 }
.cnt_section .panel_menu li.n_lineleft span { border-left: 0 }
.cnt_section .panel_menu li.n_lineright span { border-right: 0 }
.cnt_section .panel_menu li.lineleft span{ border-left:1px solid #c6c6c6;}
.cnt_section .panel_menu li span.on { margin-top: -5px; line-height: 2.75; background: #fff; border-bottom: 0 }

.cnt_section .history_menu { margin-top: 50px; }
.cnt_section .history_menu:after { display: block; content: ''; clear: both; height: 0 }
.cnt_section .history_menu li { float: left; }
.cnt_section .history_menu li a { display: block; background: #f5f5f5; border: 1px solid #C6C6C6; font-size: 24px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 2.5; text-align: center }
.cnt_section .history_menu li.n_line a { border-left: 0; border-right: 0 }
.cnt_section .history_menu li.n_lineleft a { border-left: 0 }
.cnt_section .history_menu li a.on { background: #fff; border-bottom: 0 }

.cnt_section .list1 li{width:99.4%;}
.cnt_section .list2 li { width: 49.7% }
.cnt_section .list3 li { width: 33.3% }
.cnt_section .list4 li { width: 24.88% }
.cnt_section .list4_2 li { width: 24.88%; }
.cnt_section .list5 li { width: 20% }
.cnt_section .list5_2 li { width: 20% }
.cnt_section .list2_small li { width: 49.7% }
.cnt_section .list6 li { width: 16.666% }

.cnt_vision1 { margin: 40px 0; text-align: center }
.cnt_vision1 img { max-width: 100%; }
.cnt_vision2 > p { margin-bottom: 7px; padding: 10px; background: #f6f8fc; font-size: 16px; text-align: center }

.cnt_group {margin:30px 0;}
.cnt_group:after {content:''; display:block; clear:both;}
.cnt_group .box {border:1px solid #d3d3d3; padding:3%;}
.cnt_group .box.st2 {text-align:center;padding:7% 3%;}
.cnt_group .box.st2 p.htitle{ font-size: 23px; color: #0c4da2 ;font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움";margin-bottom:20px;}
.cnt_group .box.st2 a.btnOk {display:inline-block; width:130px; height:40px;text-align:center;color:#fff;line-height:40px;background:#134ea0;}

@media only screen and (max-width: 480px){


	.cnt_group .box.st2 p.htitle {font-size:18px;}


}

/* */
.panel_cnt { margin: 50px 0; }
.panel_cnt .txt_dl { margin: 40px auto 80px; width: 810px; height: 320px; text-align: center; }
.panel_cnt .txt_dl:after { display: block; content: ''; clear: both; height: 0 }
.panel_cnt .txt_dl dl { float: left; padding: 10px; width: 230px; height: 230px; background: url(/images/common/bg_circle.png) no-repeat; }
.panel_cnt .txt_dl .purple { background-position: 0px 0px; }
.panel_cnt .txt_dl .lightblue { margin: 0px 3%; background-position:  -280px 0px; }
.panel_cnt .txt_dl .orange { background-position:  -560px 0px; }
.panel_cnt .txt_dl dt { padding-top: 120px; padding-bottom: 10px; }
.panel_cnt .txt_dl dt strong { display: block; font-family: hyundaimedium, "현대체 Medium"; font-weight: normal; font-size: 28px; line-height: 1.2; }
.panel_cnt .txt_dl dt span { display: block; margin-top:5px; font-family: hyundaimedium, "현대체 Medium"; font-size: 14px; color: #666; }
.panel_cnt .txt_dl .purple strong { color: #2f0f45; }
.panel_cnt .txt_dl .lightblue strong { color: #053c4a; }
.panel_cnt .txt_dl .orange strong { color: #3c2017; }
.panel_cnt .txt_dl dd { margin-top: 70px; font-size: 14px; line-height: 1.4; }

.panel_cnt .sq_box { margin-top: 40px }
.panel_cnt .sq_box dl { margin-bottom: 30px; }
.panel_cnt .sq_box dl dt { display: inline-block; padding: 8px 25px; width: 450px; background: #0c4da2; font-family: hyundaimedium, "현대체 Medium"; color: #fff; font-size: 22px; line-height: 1.4; }
.panel_cnt .sq_box dl dd { padding: 16px 20px; background: #F6F6F6; color: #3E3E3E }
.panel_cnt .sq_box dl dd ul li { display: inline-block; padding-left: 12px; width: 47%; background: url("/images/common/dot_blue.gif") no-repeat 0px 12px; line-height: 30px; }

.panel_cnt .s_bg1 { background: url(/images/about/about03_1.jpg) no-repeat 98% 100%; }
.panel_cnt .s_bg2 { background: url(/images/about/about03_2.jpg) no-repeat 98% 100%; }
.panel_cnt .box_bgtxt { padding-right: 380px }
.panel_cnt .box_bgtxt p, .panel_cnt .boxt_txt p { padding: 10px 15px; background: url(/images/common/dot_blue.gif) no-repeat 2px 18px; border-bottom: 1px solid #E8E8E8; }
.panel_cnt .box_bgtxt p span, .panel_cnt .boxt_txt p span { display: block; font-size: 15px; color: #666; }


.panel_cnt .tbl_branch { margin: 10px 0 50px; }


.cnt_colum img, .cnt_colum2 img { max-width: 100% }
.cnt_colum2 .cmf_l { float: left }
.cnt_colum2 .cmf_r { float: right }
.cnt_colum2 { margin-top: 20px; }
.cnt_colum2:after { display: block; content: ''; clear: both;  height: 0; }
.cnt_colum2 .colum_txt {  width: 49.5%; margin-bottom: 30px; }
.cnt_colum3 .colum_txt {  width: 100%; margin: 0 0 30px;  padding-top: 30px; border-top:1px solid #e8e8e8; }
.cnt_colum3 .cmf_l { background: #fff; }

.href2_blue  { display: inline-block; margin-top: 20px; padding: 0 20px; width: 130px; height: 40px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 14px; line-height: 40px; text-align: left }
.ci_ph01 {padding: 26px 0;text-align: center;font-size: 15px;line-height: 1.6;}

@media only screen and (max-width:1025px) {


.cnt_tit .hd3 { font-size: 30px;  }
.cnt_tit .hd3_stxt { font-size: 16px; }
.cnt_tit2 .hd3 {  margin: 30px 0; font-size: 30px; }
.cnt_tit4 .hd3 { padding-top: 30px; font-size: 30px; }
.cnt_tit4 .hd3_stxt { font-size: 16px; }

.cnt .cnt_tit2 { min-height: 185px; }

.cnt { font-size: 15px }
.cnt span.break { display: inline; }
.cnt p.sl_sub { margin: 0; font-size: 22px; color: #0c4da2; }

.cnt_section .panel_menu li a.on { margin-top: 0px; line-height: 2.6;  }


.cnt_vision1 img { max-width: 70%; }
.panel_cnt .sq_box dl dt { width: 400px; font-size: 20px;}
}

@media only screen and (max-width:961px) {

.cnt p { margin-bottom: 10px; }
.cnt p.sl_sub { margin: 0; font-size: 22px; color: #0c4da2; }
}	
	

@media only screen and (max-width:801px) {

.cnt .cnt_tit2 { min-height: 228px; }

.cnt .cnt_section { margin-bottom: 30px; }
.cnt_section .panel_menu li a { font-size: 22px; /* line-height: 2; */ }
.cnt_section .panel_menu li span { font-size: 22px; /* line-height: 2; */ }
.cnt_section .m_floatnone li { width: 60%;}
.cnt_section .m_floatnone li.m_w30 { width: 40%; }

.cnt p.sl_sub { margin-top: 10px; font-size: 22px; color: #0c4da2; }


.panel_cnt .txt_dl { width: auto; height: auto }
.panel_cnt .txt_dl dl { float: none; margin-bottom: 10px; padding-bottom: 20px; width: auto; height: auto; background: none; border-radius: 15px }
.panel_cnt .txt_dl .purple {  background: #EAE1F2; }
.panel_cnt .txt_dl .lightblue { margin: 10px 0 ; background: #D5E5EA; }
.panel_cnt .txt_dl .orange { background: #F5E1DB;  }
.panel_cnt .txt_dl dt { padding: 10px 0; }
.panel_cnt .txt_dl dt strong { display: inline; padding-right: 5px; font-size: 26px; line-height: 1.2; }
.panel_cnt .txt_dl .purple strong { color: #2F0F45; }
.panel_cnt .txt_dl .lightblue strong { color: #053C4A; }
.panel_cnt .txt_dl .orange strong { color: #3C2017; }
.panel_cnt .txt_dl dd { margin-top: 0; font-size: 15px; line-height: 1.2;  }

.panel_cnt .sq_box dl dt { width: 400px; font-size: 20px; }
.panel_cnt .sq_box dl dd ul li { display: block; width: 100% }
.panel_cnt .s_bg1,.panel_cnt .s_bg2 { background: none; }
.panel_cnt .box_bgtxt { padding-right: 0 }

.cnt_tit .pic_ceo { margin: 30px 0 50px 0; }
.cnt_vision2 > p { margin-bottom: 7px; padding: 10px; background: #f6f8fc; font-size: 14px; text-align: center }
}


@media only screen and (max-width:737px) {
.cnt .cnt_tit2 { min-height: 195px; }	
.cnt .cnt_section { margin-bottom: 0; }
.cnt_tit3 .hd3 { padding-top: 20px; margin: 0; font-size: 30px; }
.cnt_tit3 .hd3_stxt { font-size: 16px; }

.cnt p.sl_sub { margin-bottom: 40px; font-size: 22px; color: #0c4da2; }
}	


@media only screen and (max-width:668px) {
.line_gray { padding-bottom: 30px }
.cnt .cnt_tit2 { min-height: 174px; }	
.cnt_tit2 .hd3 { margin: 30px 0 10px; font-size: 30px; }
.cnt_tit2 .hd3_stxt { font-size: 18px; line-height: 1.4 }

.cnt_tit3 .hd3 { padding-top: 20px; margin: 0; font-size: 30px; }
.cnt_tit3 .hd3_stxt { font-size: 16px; }

.cnt .cnt_section { margin-bottom: 0; }
.cnt p.sl_sub { margin-bottom: 30px; font-size: 22px; color: #0c4da2; }
}	


@media only screen and (max-width:641px) {
.cnt .cnt_tit2 { min-height: 160px; }
.cnt .cnt_section { margin-top: 20px }
/* .cnt p { margin-bottom: 20px; } */
.cnt p.sl_sub { margin-bottom: 23px; font-size: 22px; color: #0c4da2; }

.cnt_section .list5 li a { font-size: 16px; }
}

@media only screen and (max-width:569px) {
.line_gray { padding-bottom: 10px }
.cnt .cnt_tit2 { min-height: 130px; }	
.cnt_tit2 .hd3 { margin: 30px 0 10px; font-size: 30px; }
.cnt_tit2 .hd3_stxt { font-size: 18px; line-height: 1.4 }
.cnt_tit3 .hd3 { padding-top: 20px; margin: 0; font-size: 30px; }
.cnt_tit3 .hd3_stxt { font-size: 16px; }

.cnt p.sl_sub { margin-bottom: 23px; font-size: 22px; color: #0c4da2; }
.
}	

@media only screen and (max-width:481px) {
.line_gray { padding-bottom: 0 }

.cnt_tit .hd3 { font-size: 25px; }
.cnt_tit .hd3_stxt { font-size: 15px; }
.cnt_tit4 .hd3 { padding-top: 30px; font-size: 25px; }
.cnt_tit4 .hd3_stxt { font-size: 15px; }

.cnt_section .panel_menu li a {font-size: 18px;line-height: 2.4;  }
.cnt_section .m_floatnone li a { font-size: 13px; line-height: 3.2; }
.cnt_section .list2_small li a { font-size: 16px; }
.cnt_section .panel_menu { margin-top: 20px; }
.panel_cnt { margin: 20px 0; }

.cnt_section .panel_menu li span {font-size: 18px; line-height: 2.4;  }
.cnt_section .m_floatnone li span { font-size: 13px; line-height: 3.2; }
.cnt_section .list2_small li span { font-size: 16px; }

.cnt_section .history_menu { margin-top: 20px; }
.cnt_section .history_menu:after { display: block; content: ''; clear: both; }
.cnt_section .history_menu li { float: left; margin: 0 3px 5px 3px; width: 48.2%; }
.cnt_section .history_menu li a { display: block; border: none; padding: 10px 0; background: #e4e9ef; text-align: center; font-size: 20px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 }
.cnt_section .history_menu li a.on { background: #0c4da2; color: #fff; }
.cnt_section .history_menu li.n_line a { border: 0 }
.cnt_section .history_menu li.n_lineleft a { border: 0 }

.panel_cnt .txt_dl dt strong { font-size: 24px;  }
.panel_cnt .txt_dl dd { margin-top: 0; font-size: 14px; line-height: 1.2; }
.panel_cnt .txt_dl dd span.break { display: block }
.cnt_vision1 img { max-width: 100%; }
.panel_cnt .sq_box dl dt { display: block;  padding-left: 15px; width:  auto; font-size: 17px; line-height: 1.5;}
.panel_cnt .sq_box dl dd ul li { font-size: 14px; letter-spacing: -1.1px; background: url("/images/common/dot_blue.gif") no-repeat 0px 10px; line-height: 1.8; }


.cnt .cnt_tit2 { min-height: 90px; }	
.cnt_tit2 .hd3 { margin: 10px 0; font-size: 25px; }
.cnt_tit2 .hd3_stxt { font-size: 18px; }

.cnt_tit3 .hd3 { padding-top: 20px; margin: 0; font-size: 25px; }
.cnt_tit3 .hd3_stxt { font-size: 15px; }

/* .cnt p { margin: 20px 0; } */
.cnt p.sl_sub { margin: 0; font-size: 18px; color: #0c4da2; }


.cnt_section .list4_2 li { width: 49.7%; }
.cnt_section .list4_2 li a { display: block; margin: 2px; border: 1px solid #c6c6c6; line-height: 1.8; }
.cnt_section .list4_2 li a.on { margin-top: 2px; border-bottom: 1px solid #c6c6c6; line-height: 1.8; }
.cnt_section .list4_2 li.n_line a { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }
.cnt_section .list4_2 li.n_lineleft a { border-left: 1px solid #c6c6c6; }

.cnt_section .list2_sm li a.on { line-height: 3.25; }

.cnt_colum2 .colum_txt {  width: 100%; margin-bottom: 20px; }
.cnt_colum2 .cmf_r,.cnt_colum2 .cmf_l { float: none }

} 


/* 171215 CI 페이지 작업 */
.hd_area {margin-bottom:50px;}
.hd_area img {max-width:100%}
.hd_area:after {content:''; display:block; clear:both;}
.hd_area.line_st1 {border-bottom:1px solid #d4d4d4;padding-bottom:30px; padding-right: 20px;}
.hd_area .left_area {float:left;width:60%;}
.hd_area .right_area {float:right;width:30%;}
.hd_area .title {padding-bottom:10px;font-size:24px;font-weight:bold; font-family: hyundaimedium, "현대체 Medium";color: #333;}
.hd_area .explain {padding-bottom:30px;}
.hd_area .hd_box {border:1px solid #d4d4d4;padding:30px 20px 15px 20px; text-align:center;}
.hd_area .hd_box .s_a {display:inline-block;padding:20px;}
.box_wrapper {box-sizing:border-box}

.box_wrapper .hd_box {width:49%;float:right;box-sizing:border-box;margin-bottom:20px;}
.box_wrapper .hd_box:first-child {float:left;}
.box_wrapper .hd_box.st2{clear:both;float:none;width:100%;background:#f2f2f2;}
.box_wrapper .hd_box.st2 > li {padding:20px 0;}
.box_wrapper .hd_box.st2 > li > span {display:inline-block; padding:0 30px; text-align:center;}

.hd_box.st3 {padding-top:50px;padding-bottom:50px;}
.hd_box.st4 {background:#f2f2f2;padding-top:50px;padding-bottom:50px;}

.color_bar {max-width:940px;margin:0 auto;padding-bottom:10px;}
.color_exp {max-width:940px;margin:0 auto;text-align:left;}
.color_exp:after {content:'';display:block;clear:both;}
.color_exp > li {float:left;}
.color_exp > li > i {display:block;width:94px;height:84px;background:#f6ab00; position:relative;}
.color_exp > li > i:before {content:'';position:absolute; top:-11px;left:50%; margin-left:-10px;width:19px; height:11px; background:url("../../images/content/color_arr.png");}
.color_exp > li .txt strong {display:block;font-size:14px;}
.color_exp > li .txt span {display:block;font-size:11px;}
.color_exp > li.mp1 {width:33.333%;}
.color_exp > li.mp3 {float:right;}
.color_exp > li.mp2 > i {background:#00a041;}
.color_exp > li.mp3 > i {background:#1255a5;}

@media only screen and (max-width:620px) {
	.hd_area .left_area, .hd_area .right_area {float:none;width:100%;}
	.hd_area .right_area {text-align:center;}
	.hd_area {margin-bottom:20px;}
	.hd_area.line_st1 {padding-bottom:20px;}
	.hd_area .title {font-size:20px;padding-bottom:5px;}
	.hd_area .explain {padding-bottom:10px;}
	.hd_area .hd_box, .hd_area .hd_box.st3{padding:20px;}
	.hd_area .hd_box .s_a {padding:0 5px;float:left;width:50%;box-sizing:border-box}

	.box_wrapper .hd_box {margin-bottom:10px;}
	.box_wrapper .hd_box.st2 > li {padding:0;}
	.box_wrapper .hd_box.st2 > li > p {font-size:14px;}
	.box_wrapper .hd_box.st2 > li > span img{max-width:70%}
	.box_wrapper .hd_box.st2 > li > p br, .hd_area .hd_box > p br {display:none;}
	
	.color_exp > li {width:33.3333% ;text-align:center;box-sizing:border-box}
	.color_exp > li > i {margin:0 auto;}
	.color_bar {display:none;}
	.color_exp > li > i:before {display:none;}	
}
@media only screen and (max-width:400px) {
	.color_exp > li > i{width:60px;height:60px;}
}