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 }
.href_blue { display: inline-block; margin-top: 20px; padding: 0 65px 0 22px;  height: 40px; padding-left: 23px; background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 16px; line-height: 40px;  }
.fnt_strong { margin-bottom: 10px; color: #333; font-size: 22px; font-family: hyundaimedium, "현대체 Medium"; letter-spacing:0.4px }
.fnt_txt .sup { font-size:7px; }
.btn_site { font-family: hyundaimedium, "현대체 Medium"; display:inline-block; margin: 5px 0; padding: 11px 60px 11px 20px; background: #0c4da2 url(/images/common/ico_blank.gif) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; transition:background-color 0.2s ease-out; margin-bottom:30px}
.btn_site:hover,.btn_site:focus {background-color:#495565; color:#fff; cursor:pointer}
#subcontainer { padding-top: 198px; padding-bottom: 50px }

.subnavi { z-index: 1000; position: fixed; top: 122px; width: 100%; background: #adb6ba; border-bottom: 1px solid #fff; z-index:500; }
.subnavi .area1100 { position: relative; height: 46px }
.subnavi .snb_home, .subnavi .snb_m01, .subnavi .snb_m02 { display: block; float: left; padding-left: 10px; padding-right: 10px; height: 46px; color: #fff; border-left: 1px solid #fff; line-height: 45px; padding-top:1px; }
.subnavi .snb_home { padding-left: 40px; width: 90px; background: #8a969e url(/images/common/icn_home.png) no-repeat 15px 16px; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_m01,.subnavi .snb_m02 { background:url(/images/common/icn_select.png) no-repeat; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_m01 { width: 142px; background-color: #778288;  background-position: 90% 12px; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_m02 { width: 235px; background-color: #676e71; background-position: 93% 12px; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice1, .subnavi .snb_choice2 { display: none;  z-index: 1000; position: absolute; top: 46px; border: 1px solid #fff; border-top: 1px solid #fff; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice1 { right: 255px; background: #8a969e; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice2 { right: -1px; background: #778288; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice1 a, .subnavi .snb_choice2 a { display: block; padding: 5px 10px; color: #fff; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice1 a { width: 142px; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice2 a { width: 235px; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice1 a:hover { background: #6d797f; font-family: hyundaimedium, "현대체 Medium" }
.subnavi .snb_choice2 a:hover { background: #60696c; font-family: hyundaimedium, "현대체 Medium" }

.sub_top { margin: 0 auto 25px; width: 100%;  height: 350px;  color: #fff; text-align: right }
.sub_top .tit { float: right; margin: 0; padding: 30px 50px 27px 50px; padding-right: 35px; background: url(/images/about/bg_about01_2.jpg) repeat 100% 0%; font-family: hyundaimedium, "현대체 Medium"; font-size: 36px; line-height: 1.2 }
.sub_top .tit span { display: block; font-size: 22px }

.details_01, .details_03 { margin: 50px 0; }


.file_input_textbox { float: left; height: 20px; margin-right: 5px; }
.file_input_div { position: relative; width: 65px; height: 31px; overflow: hidden; padding-left: 10px; line-height: 31px; font-size: 14px; color: #fff; background: #707070; }
.file_input_btn { padding: 0 0 0 5px }
.file_input_hidden { font-size: 29px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor: pointer; }

input[type=file] { height: 30px; }

.about_subimg01 { background: url(/images/topsubimg/about_subimg01.jpg) no-repeat; background-size: 100% 100%; display:none;}
.about_subimg02 { background: url(/images/topsubimg/about_subimg02.jpg) no-repeat; background-size: 100% 100%; display:none;}
.about_subimg03 { background: url(/images/topsubimg/about_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg04 { background: url(/images/topsubimg/about_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg05 { background: url(/images/topsubimg/about_subimg05.jpg) no-repeat; background-size: 100% 100%; display:none;}
.about_subimg06 { background: url(/images/topsubimg/about_subimg06.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg07 { background: url(/images/topsubimg/about_subimg07.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg08 { background: url(/images/topsubimg/about_subimg08.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg09 { background: url(/images/topsubimg/about_subimg09.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg01 { background: url(/images/topsubimg/biz_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg02 { background: url(/images/topsubimg/biz_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg03 { background: url(/images/topsubimg/biz_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg04 { background: url(/images/topsubimg/biz_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg05 { background: url(/images/topsubimg/biz_subimg05.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg06 { background: url(/images/topsubimg/biz_subimg06.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg07 { background: url(/images/topsubimg/biz_subimg07.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg08 { background: url(/images/topsubimg/biz_subimg08.jpg) no-repeat; background-size: 100% 100%; }
.biz_subimg09 { background: url(/images/topsubimg/biz_subimg09.jpg) no-repeat; background-size: 100% 100%; }
.public_subimg01 { background: url(/images/topsubimg/public_subimg01.jpg) no-repeat; background-size: 100% 100%; display:none;}
.manage_subimg01 { background: url(/images/topsubimg/manage_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg02 { background: url(/images/topsubimg/manage_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg03 { background: url(/images/topsubimg/manage_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg04 { background: url(/images/topsubimg/manage_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg05 { background: url(/images/topsubimg/manage_subimg05.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg06 { background: url(/images/topsubimg/manage_subimg06.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg07 { background: url(/images/topsubimg/manage_subimg07.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg08 { background: url(/images/topsubimg/manage_subimg08.jpg) no-repeat; background-size: 100% 100%; }
.manage_subimg09 { background: url(/images/topsubimg/manage_subimg09.jpg) no-repeat; background-size: 100% 100%; }
.customer_subimg01 { background: url(/images/topsubimg/customer_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.customer_subimg02 { background: url(/images/topsubimg/customer_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.customer_subimg03 { background: url(/images/topsubimg/customer_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.customer_subimg04 { background: url(/images/topsubimg/customer_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.public_subimg04 { background: url(/images/topsubimg/public_subimg04.jpg) no-repeat; background-size: 100% 100%; display:none;}

/* 투자자정보 서브이미지추가 */
.ir_subimg01 { background: url(/images/topsubimg/ir_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.ir_subimg02 { background: url(/images/topsubimg/ir_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.ir_subimg03 { background: url(/images/topsubimg/ir_subimg03.jpg) no-repeat; background-size: 100% 100%; }
.ir_subimg04 { background: url(/images/topsubimg/ir_subimg04.jpg) no-repeat; background-size: 100% 100%; }
.ir_subimg05 { background: url(/images/topsubimg/ir_subimg05.jpg) no-repeat; background-size: 100% 100%; }
.ir_subimg06 { background: url(/images/topsubimg/ir_subimg06.jpg) no-repeat; background-size: 100% 100%; }

.cnt_tit .hd3 { color: #0c4da2; font-size: 31px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 ; padding-top:30px}
.cnt_tit .hd3_stxt { font-size: 20.5px; font-family: hyundaimedium, "현대체 Medium"; }
.hd3_stxt_cm { font-size: 20.5px; font-family: hyundaimedium, "현대체 Medium"; }
.cnt_tit .hd3_stxt.ls { letter-spacing:-0.3px; }
.cnt { margin:0 10px; font-size: 16.5px; }
.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; font-size: 32px; color: #0c4da2; line-height: 1.5 }
.cnt_tit2 .hd3_stxt { font-size: 28px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}
.cnt_tit3 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium",; line-height: 1.5 }
.cnt_tit3 .hd3_stxt { font-size: 20px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}
.cnt_tit4 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 }
.cnt_tit4 .hd3_stxt { font-size: 20px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}

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

.about_motto { position: relative; margin-bottom: 50px; }
h4.stitle { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #333; font-family: hyundailight, "현대체 Light" }
h4.btitle { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium" }
h4.btitle span { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #777 }

h4.htitle { margin-bottom: 10px; font-size: 23px; color: #0c4da2 ;font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움";}

p.motto { float: none; margin-bottom: 20px; padding: 20px; width: auto; height: auto; font-size: 25px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px; padding-top:22px; font-family: hyundailight, "현대체 Light"; }
/* p.song { float: left; width: 700px; height: 1350px; background: url(/images/about/song.jpg) no-repeat 0% 0%; text-indent: 200%; overflow: hidden; white-space: nowrap; } */
.song_detail {overflow:hidden; border:1px solid #e0e0e0}
.song_detail img {float:left; width:50%}
span.song_btn {display:block; text-align:right}
span.song_btn a {display: inline-block; margin: 0 0 10px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

.about_com { position: relative; margin-bottom: 50px; width: auto; height: 550px; background: transparent url(/images/about/bg_about02.jpg) no-repeat 0% 0%; font-size: 15px; }
.about_com ul { position: absolute; bottom: 0px; left: 0px; padding: 20px 20px 10px; width: 500px; background: url(/images/about/bg_about02_2.jpg) no-repeat 0% 100%; color: #fff; }
.about_com ul li { padding: 10px 0px; background: transparent url(/images/common/line_h.png) repeat-x 0px 100%; }
.about_com ul li:first-child { padding-top: 0px; }
.about_com ul li span { display: block; float: left; margin-right: 14px; width: 82px; background: url(/images/common/line_v.png) no-repeat 100% 50%; font-family: hyundaimedium, "현대체 Medium"; font-size:16px}
.about_com ul li span.linebr { float: none; margin-left: 96px; width: auto; background: none; }
.about_com ul li.last_li { background: none; }

.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: 22px; font-family: hyundaimedium, "현대체 Medium"; 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.n_lineright a { border-right: 0 }
.cnt_section .panel_menu li a.on {/* line-height: 2.55; */ background: #0e60bf; border-bottom: 0; color:#fff }

.cnt_section .panel_menu li span { display: block; background: #f5f5f5; border: 1px solid #C6C6C6; font-size: 24px; font-family: hyundaimedium, "현대체 Medium"; 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.333%}
.cnt_section .list3_1 li { width: 33.333%}
.cnt_section .list3_2 li { width: 33.333%}
.cnt_section .list4 li { width: 24.8% }
.cnt_section .list4_2 li { width: 24.88%; }
.cnt_section .list4_3 li { width: 24.8% }
.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%; margin-top:30px}
.cnt_vision2 > p { margin-bottom: 7px; padding: 10px; background: #f6f8fc; font-size: 16px; text-align: center }

/* 20171228 추가 */
.ul_list li{line-height:1.8; font-size:15px;}
input.chk {width:16px;height:16px;vertical-align:middle;display:inline-block;margin-right:4px;}
input.type_num {width:50px;}
label.dataSvn {display:inline-block;font-family:nanumgothic, "나눔고딕", dotum, "돋움"; font-size:15px; color:#666;margin-left:20px;}

#t1, #t2, #t3 {display:none;}

.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;}

.left_area {float:left; width:55%; }
.right_area {float:left; width:45%;}

.left_area .box {height:440px; padding:35px 5%; word-break:break-all}
.right_area .box {border-left:none; height:440px; padding:35px 5%; word-break:break-all}

.btn_group {margin-bottom:50px;text-align:right; position:relative;}
.btn_group > a{display:inline-block; width:130px; height:40px;text-align:center;color:#fff;line-height:40px; position:relative;z-index:100;}
.btn_group > a.btnPrev {background:#6a6a6a;}
.btn_group > a.btnNext {background:#134ea0;}
.btn_group > a.btnFirst {width:150px;}
.btn_group > a.btnPrev > span {display:inline-block; padding-left:20px; background:url(/images/common/arr_pre.png) 0 50% no-repeat;}
.btn_group > a.btnNext > span {display:inline-block; padding-right:20px; background:url(/images/common/arr_nxt.png) 100% 50% no-repeat;}

.btn_group.txt_center {text-align:center;}
.btn_group.txt_center > a{display:inline-block; width:240px; height:70px;text-align:center;color:#fff;line-height:70px; font-size:18px;}
.btn_group > a.btnConfirm {background:#31363e;}
.btn_group > a.btnWrite {background:#134ea0;}

.btn_group .tip {position:absolute;top:0;left:0;font-size:15px;font-weight:bold;padding-left:15px; background:url(/images/common/dot_gray.gif) no-repeat 0px 9px;padding-right: 150px;text-align: left;}

#tabs.panel_menu li a.on {border-left:1px solid #C6C6C6 !important; margin-left:-1px;}

.tab_cont {margin:30px 0;}
.tab_cont .box {border:1px solid #d3d3d3; padding:3%; min-height:531px;box-sizing:border-box;}
.tab_cont img {max-width:100%}

#t1.tab_cont .box {/*background:#555 url(/images/public/pattern_bg.png)*/background:#efefef; border:none; overflow:hidden;padding:20px 15px;}
#t1.tab_cont .box .view_area {float:left; width:70%; padding-left:10px;}
#t1.tab_cont .box .view_area .title {font-size:20px;font-weight:bold;font-family: hyundaimedium, "현대체 Medium";}

#t1.tab_cont .box .detail_area {float:right; width:28.5%; }
#t1.tab_cont .box .detail_area > ul {overflow-y:scroll; height:490px; background:rgba(255,255,255,0.7);box-sizing:border-box;padding:7px 15px;}
#t1.tab_cont .box .detail_area > ul > li {position:relative;padding-left:100px;margin:8px 0; min-height:75px}
#t1.tab_cont .box .detail_area > ul > li.no_img {padding-left:0; min-height:auto}
#t1.tab_cont .box .detail_area > ul > li .thum {width:90px;position:absolute;top:2px;left:0;}
#t1.tab_cont .box .detail_area > ul > li > p > strong {display:block;font-size:16px;font-weight:bold;font-family: hyundaimedium, "현대체 Medium"}
#t1.tab_cont .box .detail_area > ul > li > p > span {display:block;font-size:13px;}

#t2.tab_cont .box {overflow:hidden;}
#t2.tab_cont .box .view_area {float:left; width:73%;}
#t2.tab_cont .box .detail_area {float:right; width:20%;padding-top:100px;}
#t2.tab_cont .box .detail_area > ul > li {font-size:18px;font-family: hyundaimedium, "현대체 Medium"}

#t3.tab_cont .box {padding:0; overflow:hidden; min-height:auto;}
#t3.tab_cont .box .view_area {float:left; width:62%;}
#t3.tab_cont .box .view_area .img img {vertical-align:top;}
#t3.tab_cont .box .detail_area {float:right; width:37%;padding-top:10%;}
#t3.tab_cont .box .detail_area > ul > li {position:relative; padding-left:100px; padding-bottom:15px;}
#t3.tab_cont .box .detail_area > ul > li strong {position:absolute;top:0;left:0; display:inline-block; background:#134ea0; width:90px;height:35px;line-height:35px;color:#fff;text-align:center;border-radius:18px;}
#t3.tab_cont .box .detail_area > a {display:inline-block;margin-left:100px;font-size:20px;font-weight:bold;font-family: hyundaimedium, "현대체 Medium";text-decoration:underline;color:#134ea0;}

@media only screen and (max-width: 1024px){
	.btn_site {padding:10px 50px 11px 12px; font-size:14px}

	#t1.tab_cont .box .view_area {float:none; width:100%;}
	#t1.tab_cont .box .detail_area {float:none; width:100%; }
	#t1.tab_cont .box .detail_area > ul {overflow-y:hidden;height:auto;}
	#t1.tab_cont .box .detail_area > ul > li {float:left;width:50%; box-sizing:border-box}
	#t1.tab_cont .box .detail_area > ul > li > p > span {padding-right:10px;}
	#t1.tab_cont .box .view_area .img {text-align:center;}

	.tab_cont .box {min-height:auto}

	.right_area, .left_area {float:none;width:100%;}
	.left_area .box {height:auto; padding-bottom:0;}
	.right_area .box {height:auto;border-left:1px solid #d3d3d3; padding-bottom:0;}
}
@media only screen and (max-width: 800px){
	.btn_group.txt_center > a {width:140px;height:50px;line-height:50px;font-size:16px;}

	#t2.tab_cont .box .view_area {float:none; width:100%;}
	#t2.tab_cont .box .detail_area {float:none; width:100%;padding-top:0;}
	#t2.tab_cont .box .detail_area > ul > li {float:left;width:50%;}

	h4.htitle {font-size:18px;}
	
}
@media only screen and (max-width: 700px){
	#t3.tab_cont .box .view_area {float:none; width:100%;}
	#t3.tab_cont .box .detail_area {float:none; width:100%;padding-top:0;}
	#t3.tab_cont .box .detail_area > ul {padding:20px;}
}
@media only screen and (max-width: 480px){
	.tab_cont {margin:15px 0;}
	#t1.tab_cont .box .detail_area > ul {overflow-y:scroll;height:200px;}
	#t1.tab_cont .box .detail_area > ul > li {float:none;width:100%;}
	#t2.tab_cont .box .detail_area > ul > li {font-weight:normal;font-size:15px;}

	#t3.tab_cont .box .detail_area > ul {padding:10px 10px 0 10px;}
	#t3.tab_cont .box .detail_area > ul {font-size:15px;}
	#t3.tab_cont .box .detail_area > a {font-size:16px;margin-bottom:10px;}

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

	.left_area .box {padding-top:20px;}
	.right_area .box {padding-top:20px;}
}

/* */
.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; }

.pic_history { height: 180px; margin-bottom: 50px; }
.pic_history li.photo_list { float:left; width: 24.4%; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 24.3%; margin: 0; }
.pic_history li img { max-width: 100%; }

.box_history { margin: 0px; }
.box_history h4 { display: inline-block; margin-right: 40px; padding: 30px; width: 10%; background: #0C4DA2; text-align: center; color: #fff; font-size: 32px; }
.box_history ul { display: inline-block; width: 79%; vertical-align: top; }
.box_history > ul > li { float: left; padding: 22px 0 20px; width: 88%; border-top: 1px solid #d7d7d7; }
.box_history > ul > li.month_area { float: left; width:12%; color: #0C4DA2; }
.box_history > ul > li > ul > li { padding-left: 15px; background: url(/images/common/dot_gray.gif) no-repeat 0px 9px; }
.box_history > ul > li > ul > li > p{margin-bottom:0 !important;}

.panel_cnt .tbl_branch { margin: 10px 0 50px; }
.tbl_branch .col_20 { width: 20%; }
.tbl_branch .col_25 { width: 25%; }
.tbl_branch .col_30 { width: 30%; }
.tbl_branch .tit_cpt { margin-bottom: 10px; padding-bottom: 0; color: #0C4DA2; font-size: 22px; font-weight: bold; text-align: left; }
.tbl_branch .tit_cpt > span { color: #777; }
.tbl_branch th, .tbl_branch td { font-size: 15px; }
.tbl_branch td { padding: 25px 10px;  border-bottom: 1px solid #e1e1e1; }
.tbl_branch td.first_td { padding: 35px 10px; font-size: 18px; font-weight: bold; font-family: hyundaimedium, "현대체 Medium"; }
.tbl_branch thead th { padding:12px 0 10px; background: #f9f9f9; border-top: 2px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; font-family: hyundaimedium, "현대체 Medium"; font-size:16px }
.branch_bg { background: url(/images/about/bg_branch.gif) no-repeat 50% 10%; }

.box_ci { margin-top: 60px; }
.box_ci:after { display: block; content: ''; clear: both; }
.box_ci dl { float: left; width: 49%; }
.box_ci dl.posi {  margin-right: 2%; }
.box_ci dl.posi dd { border: 1px solid #d4d4d4; font-size: 22px; }
.box_ci dl.nega dd { border: 1px solid #000000; background: #000000;  font-size: 22px; }
.ci_ph01 { padding: 26px 0; text-align: center; font-size: 15px; line-height: 1.6; }
.box_ci dl dt { font-size: 22px; margin-bottom: 5px; }
.box_ci dl dd { padding: 20px 0; text-align: center;  }

.box_color { margin-bottom: 35px; padding: 50px 28px 25px; border: 1px solid #d4d4d4; }
.box_color:after { display: block; content: ''; clear: both; }
.box_color > div { float: left; width: 50% }
.box_color .pic_color { float: left; margin-right: 10px; width: 40%; }
.box_color .txt_color { float: left; margin-bottom: 20px; width: 56%; }
.box_color .pic_color img { max-width: 100%; }
.box_color dl dt { margin-top: 5px; padding-bottom: 10px; font-weight: bold; }
.box_color dl dd { font-size: 14px; line-height: 1.2; }

.box_sig { margin-bottom: 35px; }
.box_sig dt { width: 100%; margin-bottom: 5px; font-size: 22px; }
.box_sig dd { float: left; margin-bottom: 20px; padding: 10px 0; margin-right: 1%;  width: 49%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd.mr_none { float: left; margin-bottom: 20px; padding: 10px 0; margin: 0;  width: 49.5%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd img { max-width: 100%; vertical-align: middle; }

.box_font { margin-top: 60px; }
.box_font:after { display: block; content: ''; clear: both; }
.box_font dl { float: left; width: 100%; }
.box_font dl.font {  margin-right: 2%; }
.box_font dl dt { font-size: 22px; margin: 20px 0 5px; }
.box_font dl.font dd { border: 1px solid #d4d4d4; }
.box_font dl.font dd img { max-width: 100%; }

.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 }

a.btn_gosite { display: inline-block; margin-top: 20px; height:40px; padding: 0 60px 0 20px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 16px; line-height: 40px; }
a.btn_gosite span { color: #fff; }
a.btn_blue { display: block; margin: 0 auto; padding: 7px 0; width: 100px; background: #0c4da2; color: #fff; text-align: center; }

.bizResult { float: left; width: 100%; margin: 30px auto 50px; clear: both; }
.bizResult caption { text-align: left; padding: 0 0 10px; }
.bizResult hr, caption { position:absolute; line-height:0; width:0; height:0; font-size:0; text-indent:-9999px; overflow:hidden; }
.bizResult table { width: 100%; border-top: 2px solid #767676; }
table.bizTable_left { width: 99%; }
/*
.bizResult table.bizTable_left { margin-right: 10px; float: left; }
.bizResult table.bizTable_right { float: right; }
*/
.bizResult table th.border { border-top: 1px solid #efefef;  border-bottom: 1px solid #c3c3c3; font-family: hyundaimedium, "현대체 Medium"; padding-top:10px;}
.bizResult table th.first { border-left: none; }
.bizResult table th.last { border-right: none; }

.bizResult table th { padding: 8px 0; border-left: 1px solid #efefef; border-right: 1px solid #efefef; color:#333; vertical-align: top; }
.bizResult table th.th_title { padding: 0; border-right: 1px solid #efefef; vertical-align: top; background: #f9f9f9; }
.bizResult table th.th_title.first { border-left: none; text-align: left; padding-left: 1.2em; }
.bizResult table th.th_title.first_bottom { border-left: none; text-align: left; padding-left: 1.2em; border-bottom: 1px solid #c3c3c3; }

.bizResult table td { padding-right: 0.75em; text-align: right; border: 1px solid #efefef; color: #666; vertical-align: middle; height: 2.75em; font-family: hyundaimedium, "현대체 Medium"; padding-top:0.5px}
.bizResult table td.bottom { border-bottom: 1px solid #c3c3c3; }
.bizResult table td.last { border-right: none; }
.bizResult table td.total_st1 { text-align:center; font-weight:600; }
.bizResult table th.th_title { padding-left: 1.75em; text-align: left; border: 1px solid #efefef; vertical-align: middle; height: 2.75em; }
.bizResult table td.total { border-top: 1px solid #c3c3c3; border-bottom: 2px solid #767676; border-left: none; border-right: none; padding:10px; background: #e5f0ff; }
.bizResult table td.total span.total { color: #1e3673; font-size: 1.0em; font-weight: bold; } 

.pic_gallery { position: relative;  width: 980px; margin: 50px auto 60px; }
.pic_items { text-align: center; }
.pic_gallery img { max-width: 100% }
.pic_gallery a.btn_prev, .pic_gallery a.btn_next { display: block; position: absolute; top: 40%; overflow: hidden; text-indent: 200%; white-space: nowrap; }
.pic_gallery a.btn_prev, .pic_gallery a.btn_next { width: 31px; height: 31px; }
.pic_gallery a.btn_prev { z-index:100; left: 0; background: url("/images/common/btns_prev.png") no-repeat scroll 0% 0%; background-size: contain; }
.pic_gallery a.btn_next { z-index:100; right: 0; background: url("/images/common/btns_next.png") no-repeat scroll 0% 0%; background-size: contain; }
.pic_gallery .figcaption { display: block; height: 30px; line-height:2.0; font-family: hyundaimedium, "현대체 Medium"; padding-top:3px}
.pic_gallery .figcaption .sup { font-size:7px; }
.pic_txt { padding-bottom: 10px; }

.bx-wrapper .bx-pager { text-align: center; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #4a70a3; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-pager.bx-default-pager a:focus { background: #4a70a3; }
.bx-pager.bx-default-pager a:focus {outline: 1px dotted #444;}


.gl_menu { margin-top: 40px; }
.gl_menu:after { display: block; content: ''; clear: both; }
.gl_menu ul li { float: left; margin-left: 5px; margin-bottom: 5px; width:calc( 25% - 5px);  }
.gl_menu ul li a { display: block; padding: 10px 0; background: #e4e9ef; text-align: center;  }
.gl_menu ul li a.on { background: #0c4da2; color: #fff; }

.biz_gallery { position: relative; margin-top: 20px; padding: 10px 0; border-top: 0; }
.biz_gallery .pic_biz2 { margin-bottom: 10px; width: 68%; }
.biz_gallery .gl_pic img, .biz_gallery .gl_thums img { max-width: 100%;  }
.biz_gallery .gl_thums { position: absolute; top: 10px; right: 0;  margin-bottom: 10px; width: 30%;  }
.biz_gallery .gl_pic li span { display: block; }
.biz_gallery .gl_pic li span.gl_caption { margin-bottom: 10px; }
.biz_gallery .gl_thums a { display: inline-block; width: 45%;}

a.btn_gosite { display: inline-block; margin-top: 20px; height:40px; padding: 0 60px 0 20px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 16px; line-height: 40px; }
a.btn_gosite span { color: #fff; }
a.btn_blue { display: block; margin: 0 auto; padding: 7px 0; width: 100px; background: #0c4da2; color: #fff; text-align: center; }
a.btn_link { display: inline-block; margin-top: 20px; height:40px; padding: 0 60px 0 20px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 16px; line-height: 40px; font-family: hyundaimedium, "현대체 Medium" }

.bgs_01 { padding-top: 12px; }
.bgs_01 .cnt_tit2{background: url(/images/public/bg_s02.jpg) no-repeat 95% -20px;min-height: 210px;}
.bgs_01 .cnt_tit2 .hd3_stxt{padding-top:20px;}
.pic_ap { margin-bottom: 50px; }
.pic_ap:after { display: block; content: ''; clear: both; }
.pic_ap .ap_01 a, .pic_ap .ap_02 a { display: block;  padding: 0 20px; height: 100%; }
.pic_ap .ap_01 a:focus, .ap_02 a:focus { background: #0077CA; color: #FFF; }
.pic_ap .ap_01, .pic_ap .ap_02 { padding-top: 270px; }
.pic_ap .ap_01 { height: 0; margin-right: 10px; background: url(/images/public/ap_01.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap .ap_02 { height: 0; background: url(/images/public/ap_02.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap li { float: left; width: 48%; }
.pic_ap li span { display: block; width: 100%; background: #eee; font-family: hyundaimedium, "현대체 Medium"; color: #333; font-size: 25px; line-height: 2.0; }
.pic_ap li:hover span, .pic_ap li span.select { background: #0077CA; color: #FFF; }
.pic_ap li:hover span a, .pic_ap li span.select a { color: #fff; }

/* 170424 */
.pic_ap_n { margin-bottom: 50px; }
.pic_ap_n:after { display: block; content: ''; clear: both; }
.pic_ap_n .ap_01 { height: 0; margin-right: 10px; padding-top: 270px;background: url(/images/public/ap_01_n.jpg) 0 50%  no-repeat; background-size: cover; }
.pic_ap_n li span { display: block; padding-left:10px;background: #0077CA; color: #FFF;  font-family: hyundaimedium, "현대체 Medium";  font-size: 25px; line-height: 2.0; }


.ap_alim { margin-top: 20px; }
.ap_alim li { padding: 1px 0px; border-bottom: 1px solid #E2E2E2; }
.ap_alim li:after { display: block; content: ""; clear: both; height: 0px; }
.ap_alim li:first-child { border-top: 1px solid #E2E2E2; }
.ap_alim li > span { display: block; float: left; padding: 9px 0px; }
.ap_alim li span.sp_co1  { margin-right: 10px; width: 180px;  background: #f0f3f5; text-align: center;  }
.ap_alim li span.sp_co2 { width: auto; }

a.btn_green {display: block; margin: 40px auto 30px; width: 238px;  padding: 8px 0; background: #008a32; color: #fff; text-align: center; }
    
.ap_notice .subtit { padding-bottom: 24px; font-size: 26px;  color: #0c4da2; }
.ap_notice .subtit, .apwrite .subtit { padding: 30px 0 20px 0; font-family: hyundaimedium, "현대체 Medium"; font-size: 25px; color: #0c4da2; }
.ap_txt { line-height:1.8 }
.ap_notice .sub_result { width: 1050px; margin-top: 80px; padding: 30px 0 20px 0; text-align:center; font-family: hyundaimedium, "현대체 Medium"; font-size: 23px; color: #0c4da2 }
.result_txt { width: 1000px; margin: 0; padding: 25px; font-size: 15px; line-height:1.8; background: #e8f5fc }

.joinAgree { overflow: scroll; overflow-x: hidden; display: block; width:100%; height: 150px;  padding: 5px 30px 20px; background: #f2f6f8; border:1px solid #e2e2e2; box-sizing:border-box }

.ap_chk {height: 40px; text-align: center; font-size:14px;border:1px solid #e2e2e2;border-top:none; padding-top:10px;}
.ap_chk span { margin: 0 50px; line-height:30px; text-align: center; }

.ap_tbl { width: 100%; border-collapse: collapse;  }
.ap_tbl td { border: 1px solid #e2e2e2; border-left: 0; border-right: 0; }
.ap_tbl td, .ap_tbl th { padding: 10px 0; font-weight: normal; vertical-align: middle;  }
.ap_tbl input[type=text], .ap_tbl textarea { background: #fafafa; border: 1px solid #fff; outline: 1px solid #ccc; border: 0; min-height: 20px; }
.ap_tbl input[type=text] { margin: 0; padding: 5px; }
.ap_tbl  select { margin: 0; padding: 4px 4px 5px; background: #fafafa url(/images/common/select_arrow.gif) no-repeat 95% 50%; border: 1px solid #fff; outline: 1px solid #ccc; }
.ap_tbl .line_top { border-top: 1px solid #e2e2e2 }
.ap_tbl .line_bottom { border-bottom: 1px solid #e2e2e2 }
.ap_tbl th {  padding-left: 2px; padding-right: 5px; text-align: left }
.ap_tbl .col_a { width: 15% }
.ap_tbl .col_b { width: 85% }
.ap_tbl input.case1 { width: 70px }
.ap_tbl input.case2 { width: 130px }
.ap_tbl input.case3 { width: 170px }
.ap_tbl input.case4 { width: 435px; margin-top: 10px }
.ap_tbl select.case5 { width: 200px }
.ap_tbl textarea.case6 { width: 95%; margin-bottom: 10px }
.ap_tbl input.case_attach { width: 400px; height: 30px; padding: 0; font-size: 12px  }
.ap_tbl td span { font-size: 13px; }
img.img_datepick { vertical-align: middle; margin: 0 0 4px 5px; }
.ap_tbl .btn_gray { padding: 7px 7px; background: #707070; color: #fff; text-align: center; font-size: 14px; }
.ap_tbl .btn_blue { padding: 7px 7px; background: #0c4da2; color: #fff; text-align: center; font-size: 14px; }

.ap_tbl02 { width: 100%; margin-bottom: 50px; border-collapse: collapse;  }
.ap_tbl02 th {  padding: 12px 0; text-align: center; background: #f0f7fc; }
.ap_tbl02 td { padding: 20px 0;  text-align: center; border: 1px solid #e2e2e2; border-left: 0; border-right: 0; }
.ap_tbl02 .line_top { border-top: 1px solid #e2e2e2 }
.ap_tbl02 .line_bottom { border-bottom: 1px dotted #e2e2e2 }

.ap_tbl02 .col_a { width: 15% }
.ap_tbl02 .col_b { width: 85% }
.ap_tbl02 input.case1 { width: 70px }
.ap_tbl02 input.case2 { width: 130px }
.ap_tbl02 input.case3 { width: 170px }
.ap_tbl02 input.case4 { width: 435px }
.ap_tbl02 select.case5 { width: 180px }
.ap_tbl02 textarea.case6 { width: 90% }		

.btnarea { margin: 30px auto; text-align: center; }

.btnarea .select_blue, .btnarea .select_green {  display: inline-block; }
.btnarea .select_blue {  margin-left: 3px; }
.btnarea .select_green {  margin-left: 3px; }
.btnarea .select_blue > a { display: inline-block; height: 100%;  padding: 10px 20px; background: #0c4da2; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.btnarea .select_green > a { display: inline-block; height: 100%;  padding: 10px 20px; background: #008a32; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.btn_alone > a { display: inline-block; margin: 20px 0 0; padding: 10px 25px; background: #707070; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.select_blue_img { display: inline-block; margin: 0 3px; padding: 5px 8px; background: #0c4da2; color: #fff; text-align: center; font-size: 11px; line-height: 1.4; }

.okarea { margin-top: 25px;  text-align: center; }
.okarea .btn_gray { margin-bottom: 5px; padding: 10px 25px; background: #707070; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.okarea .btn_blue { margin-bottom: 5px; padding: 10px 25px; background: #0c4da2; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.okarea .btn_green { margin-bottom: 5px; padding: 10px 25px; background: #008a32; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.okarea input[type=submit] { display: inline-block; outline: 0; border: 0; -webkit-appearance:none; -webkit-border-radius:0; }
.okarea input[type=reset] { display: inline-block; outline: 0; border: 0; -webkit-appearance:none; -webkit-border-radius:0; }

div#glayLayer { display: none; z-index: 9100; position: fixed;  left: 0; top: 0; height: 100%; width: 100%; background: url(/images/common/hover_bg_ie8.png); }
#overLayerC { display: none; overflow: auto; position: fixed; top: 48%; left: 48%; padding: 20px; width: 900px; height: 550px;  background: #fff;  }
#overLayer { display: none; overflow: auto; position: fixed; top: 48%; left: 48%; padding: 20px; width: 900px; height: 550px;  background: #fff;  }
.cbtn { display: block; position: absolute; top: 15px; right: 20px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }
.pop_layers { display: none }
.confirm_layers { display: none; z-index:9999}
p.print_view img { width: 100%; margin: 40px 0 15px 0; border: 0 none }

.layer_confirmpick { padding: 5px; width: auto; height: 100% }
.layer_confirmpick .confirm { float: left; margin: 0; width: 100%}
.layer_confirmpick .title { margin-bottom: 5px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium"; font-size: 23px; }
.layer_confirmpick .noticebox { margin: 0; border-bottom:1px solid #bac9d2; }
.layer_confirmpick .noticebox .notice { margin: 10px 0; padding-left: 10px; font-size: 14px; background: url(/images/common/dot_blue.gif) no-repeat 0 7px; }
.layer_confirmpick .noticebox02 { margin-bottom: 30px; }
.layer_confirmpick .noticebox02 .notice { margin: 10px 0; padding-left: 10px; font-size: 14px; background: url(/images/common/dot_blue.gif) no-repeat 0 7px; }
.layer_confirmpick .btn_blue, .layer_confirmpick .btn_gray { display: inline-block; padding: 7px 0; width: 100px; color: #fff; text-align: center }
.layer_confirmpick .btn_blue { margin-right: 10px; background: #0c4da2 }
.layer_confirmpick .btn_gray { background: #707070 }
.layer_confirmpick .line_tgray { padding-top: 20px; border-top: 1px solid #e2e2e2; }
.layer_confirmpick .guide { width: 100%; margin-top: 50px; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size: 20px; color: #0c4da2; }
  
.loginBox { overflow:hidden; width: 100%; margin: 0; padding: 35px 0}
.loginBox ul { width: 530px; margin: 0 auto; }
.loginBox ul li.idBox { width: 530px; height: 57px; border-top: 1px solid #d1e0ea; }
.loginBox ul li.idBox span.id { display: block; float: left; width: 140px; height: 45px; margin: 1px 0; padding: 10px 15px 0; line-height: 2.4; text-align: right; background: #f0f7fc; }
.loginBox ul li.pwBox { width: 530px; height: 57px; margin-bottom: 120px; border-top: 1px solid #d1e0ea; border-bottom: 1px solid #d1e0ea; }
.loginBox ul li.pwBox span.pw { display: block; float: left; width: 140px; height: 45px; margin: 1px 0; padding: 10px 15px 0; line-height: 2.4; text-align: right; background: #f0f7fc; }
.loginBox p.loginBtn {margin-right:30px; padding:0px; font-size:0; line-height:0; float:right;}
.int { position: relative; z-index: 10; width: 300px; height: 33px; margin: 11px 0 0 15px; border:1px solid #cecece; }
.int2 { position: relative; z-index: 10; width: 70px; height: 33px; margin: 11px 0 0 15px; border:1px solid #cecece; }
.loginBox span.dash { width: 20px; height: 33px; margin-left: 18px; color: #707070;  }

div.login_change {margin-top:20px;text-align:center;}
div.login_change a {color:#059;font-size:1.286em;}
div.login_change a:visited {color:#059;}

.layer_datepick { padding: 5px; width: auto; height: 540px; }
.layer_datepick .sl_dya { float: left; margin: 0 40px 0 15px; width: 55%; }
.layer_datepick .sl_car { float: left; width: 37%; }
.layer_datepick input { vertical-align: middle;  }
.layer_datepick .sl_hd { margin: 5px 0; color: #0c4da2;  font-family: hyundaimedium, "현대체 Medium"; font-size: 24px; }
.layer_datepick .btn_blue, .layer_datepick .btn_gray { display: inline-block; padding: 7px 0; width: 100px; color: #fff; text-align: center }
.layer_datepick .btn_blue { margin-right: 10px; background: #0c4da2 }
.layer_datepick .btn_gray { background: #707070 }
.layer_datepick .line_tgray { padding-top: 20px; border-top: 1px solid #e2e2e2; }
.box_centers { margin: 0 auto; width: 100%; text-align: center; }
.daysline .month { float: left; display: block; margin-bottom: 10px; font-size: 22px; font-weight: bold; line-height: 1.0; letter-spacing: -1px; }
.daysline:after { display: block; content: ''; clear: both; }
.daysline .prev_mon, .daysline .next_mon, .daysline .todays { float: left; display: block; margin-top: 2px; height: 20px; background: url(/images/common/date_pick.gif) no-repeat; overflow: hidden; white-space: nowrap;text-indent: 200%;  cursor: pointer; }
.daysline .prev_mon {  margin-left: 20px;  width: 20px;  background-position: 0 0;  }
.daysline .next_mon { width: 19px; background-position: -20px 0; }
.daysline .todays { margin-left: 10px; width: 29px; background-position: -44px 0;  }

.calendar .tbl_cal { width: 100% }
.calendar .tbl_cal th, .calendar .tbl_cal td {  border: 1px solid #e4e5e7 }
.calendar .tbl_cal th { padding: 5px 5px; background: #f9f9f9; font-size: 14px; }
.calendar .tbl_cal td { position: relative; padding: 7px 0 0 7px; height: 50px; font-size: 13px; vertical-align: top; }
.calendar .tbl_cal .sunday a { color: #ec2d4f; }
.calendar .tbl_cal .today a { color: blue; }
.calendar .tbl_cal .rev_ok, .calendar .tbl_cal .rev_end, .calendar .tbl_cal .rev_no { display: block; position: absolute; bottom: 5px; right: 10px; padding: 3px 5px 0; font-family: hyundaimedium, "현대체 Medium"; font-size: 11px; color: #fff; text-align: center; }
.calendar .tbl_cal .rev_ok { background: #227bf2; }
.calendar .tbl_cal .rev_end { background: #f26522; }
.calendar .tbl_cal .rev_no { background: #e23183; }
.calendar .tbl_cal td.notday { color: #b3b3b3; font-size: 11px; }
.calendar .tbl_cal td.notsunday  { color: #edafb3; font-size: 11px; }
.calendar .tbl_cal td a.seldate { color: #227bf2 }
.calendar .tbl_cal td a.seldate:hover { color: #003b89 }

/* 20180108 견학신청 */
.left_area .box .tbl_cal { width: 100% }
.left_area .box .tbl_cal th, .left_area .box .tbl_cal td {  border: 1px solid #e4e5e7 }
.left_area .box .tbl_cal th { padding: 5px 5px; background: #f9f9f9; font-size: 14px; }
.left_area .box .tbl_cal td { position: relative; padding: 7px 0 0 7px; height: 50px; font-size: 13px; vertical-align: top; }
.left_area .box .tbl_cal .sunday a { color: #ec2d4f; }
.left_area .box .tbl_cal .today a { color: blue; }
.left_area .box .tbl_cal .rev_ok_a, .left_area .box .tbl_cal .rev_end, .left_area .box .tbl_cal .rev_no { display: block; position: absolute; bottom: 5px; right: 10px; padding: 3px 5px 0; font-family: hyundaimedium, "현대체 Medium"; font-size: 11px; color: #fff; text-align: center; }
.left_area .box .tbl_cal .rev_ok_a { background: #227bf2; }

.left_area .box .tbl_cal .rev_end { background: #f26522; }
.left_area .box .tbl_cal .rev_no { background: #e23183; }
.left_area .box .tbl_cal td.notday { color: #b3b3b3; font-size: 11px; }
.left_area .box .tbl_cal td.notsunday  { color: #edafb3; font-size: 11px; }
.left_area .box .tbl_cal td a.seldate {}
.left_area .box .tbl_cal td a.seldate:hover {}
.left_area .box .sl_dotgray { margin: 20px 20px 40px 0; padding-left: 10px; font-size: 14px; background: url(/images/common/dot_blue.gif) no-repeat 0 7px; }

.left_area .box .daysline{margin-bottom:0;height:40px;box-sizing:border-box;}

.right_area .box .car_select { margin-bottom: 0;  font-size: 16px; font-weight: bold; line-height: 1.0; letter-spacing: -1px; height:40px; box-sizing:border-box;}
.right_area .box .car_select input[type=text] { width: 25px; height: 24px; padding-left: 5px; background: #fafafa; border: 0; outline: 1px solid #ccc; min-height: 20px; }
.right_area .box .rev_times { float: left; margin: 0; margin-bottom: 16px; width: 50%; font-size:15px;}
.right_area .box .sl_dotgray {clear:both;float:none;}
.right_area .box .sl_dotgray > ul > li {padding:2px 10px;font-size: 14px; background: url(/images/common/dot_blue.gif) no-repeat 0 9px;}
.right_area .box .sl_hd {display:none;}

/* */

.sl_car .car_select { margin-bottom: 12px;  font-size: 16px; font-weight: bold; line-height: 1.0; letter-spacing: -1px; }
.sl_car .car_select input[type=text] { width: 25px; height: 24px; padding-left: 5px; background: #fafafa; border: 0; outline: 1px solid #ccc; min-height: 20px; }
.sl_car .rev_times { float: left; margin: 0; margin-bottom: 16px; width: 50%; }
.rev_times .times_top { display: block; padding: 5px 10px; background: #f9f9f9; border-top: 1px solid #e4e5e7; border-bottom: 1px solid #e4e5e7; text-align: center; }
.rev_times .times_body li { padding: 15px 10px;  text-align: center; border-bottom: 1px solid #e4e5e7; }
.rev_times .times_body input[type=text] { margin-left: 10px; width: 50px; background: #fafafa; border: 1px solid #fff; outline: 1px solid #ccc;  }
.layer_datepick .sl_dotgray { margin: 20px 20px 40px 0; padding-left: 10px; font-size: 14px; background: url(/images/common/dot_blue.gif) no-repeat 0 7px; }

.brochure_box { position: relative; margin: 20px auto; width: 100%; /* background: url(/images/common/pclogo_new.png) no-repeat 100% 100%; */ background-size: auto; }
.brochure_box .brc_book img { vertical-align: middle;  }
.brochure_box .brc_book .brc_img img { max-width: 100%; }
.brochure_box .brc_btn { position: absolute; top: 20px; right: 100px; }
.brochure_box .brc_btn .btn_blue { display: block;font-family: hyundaimedium, "현대체 Medium"; margin: 5px 0; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 16px; line-height: 1.4;   }

.ytube_box { width: 950px; padding: 20px; margin: 30px auto; border: 1px solid #e2e2e2; }
.ytube_box:after { display: block; content: ''; clear: both; }
.ytube_box .youtube, .ytube_box .yt_txt { height: 400px; }
.ytube_box .youtube { float: left;  width: 60%; background: #000; }
.ytube_box .yt_txt  { overflow: hidden; float: right; width: 38%; font-size: 15px; line-height: 1.3 }
.ytube_box .yt_txt .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 20px; font-family: hyundaimedium, "현대체 Medium"}
.ytube_box .yt_txt .yt_details { padding: 10px; width: 90%; height: 342px; font-size: 13px; border: 1px solid #d8d8d8; overflow-x: hidden; overflow-y: scroll; }
.yt_txt .yt_details { padding: 10px; width: 90%; height: 342px; font-size: 13px; border: 1px solid #d8d8d8; overflow-x: hidden; overflow-y: scroll; }

.list_gallery { margin: 0; text-align: center; }
.list_gallery:after { display: block; content: ''; clear: both; height: 0; }
.list_gallery .gall_items img, .list_gallery .gall_items2 img { max-width: 100%; }
.list_gallery .gall_items li, .list_gallery .gall_items2 li { float: left; margin: 5px; margin-bottom: 50px; width: 24%; }
.list_gallery .gall_items li .gall_tit, .list_gallery .gall_items2 li .gall_tit { display: block; font-size: 14px;  line-height: 1.5; }
.list_gallery p.gallery_btn_list { width: 100%; margin: 0; padding: 0; }

.list_gallery span.gallery_btn a { float: center; display: inline-block; margin: 10px 3px; padding: 6px 12px; background: #778288; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 ; font-family: hyundaimedium, "현대체 Medium"; padding-top:7px}

.webzine_link {  display: block;  float: right; }
.webzine_link select.webzinelink, a.btn_webzinelink { display: inline-block; vertical-align: middle }
.webzine_link select.webzinelink { padding: 3px 5px 3px 10px; width: 150px; height: 23px; border: 1px solid #999; background: #FFF url("/images/common/select_arrow.gif") no-repeat scroll 95% 50%; font-size: 12px }
.webzine_link a.btn_webzinelink { margin-left: 3px; padding: 2px 10px 0; height: 23px; background: #4f5053; color: #fff; text-align: center; font-size: 13px; line-height: 16px; cursor: pointer }

.gallery_pbox { margin-top: 50px }
.gallery_pbox:after { display: block; content: ''; clear: both;  height: 0; }
.glb_list li { float: left; margin: 0.5%; width: 19%;  }
.glb_list li img { max-width: 100%;  }

p.pic_iso { margin: 50px 0; text-align: center; }
p.pic_iso img { max-width: 100%; }
p.pdf_info { height: 24px; margin-bottom: 15px; padding: 3px 0 0 50px; font-size: 13px; background: url(/images/common/icn_pdf.gif) no-repeat 15px 0; }

.dltbl { font-size: 18px; margin: 50px 0; text-align: center }
.dltbl:after { display: block; content: ''; clear: both; height: 0; }
.dltbl .dltbl_box { float: left; width: 24%; padding: 0 5px; }
.dltbl .dltbl_box dt { padding: 20px 0; height: 55px; background: #0c4da2; color: #fff; font-family: hyundaimedium, "현대체 Medium"; }
.dltbl .dltbl_box dd { padding: 40px 0; height: 180px; font-size: 16px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dltbl .dltbl_box .lh_15 { line-height: 3; font-family: hyundaimedium, "현대체 Medium";}

.prg_box { margin: 50px 0; }
.prg_box .prg_txt { margin-bottom: 40px; }
.prg_box .prg_txt dt { width: 50%; padding: 5px 15px; color: #fff; font-size: 20px; background: #0c4da2; font-family: hyundaimedium, "현대체 Medium" ; padding-top:6px}
.prg_box .prg_txt dd { width: 95%; padding: 15px 0 0 22px; font-size: 16px; background: url(/images/common/dot_blue.gif) no-repeat 10px 23px; }

.prg_box h3 { margin-bottom: 5px; color: #0c4da2; font-size: 24px; font-weight: 700; font-family: hyundailight, "현대체 Light"; padding-top:5px;}
.dt_ul { margin-top: 50px; }
.dt_ul li {  margin: 0 0 10px 0; line-height: 50px  }
.dt_ul li:after { display: block; content: ''; clear: both; height: 0; }
.dt_ul li .fl_txt1, .dt_ul li .fl_txt2 { display: block; float: left; height: 50px; }
.dt_ul li .fl_txt1 { width: 50px;  background: #0c4da2;  color: #fff; text-align: center;  }
.dt_ul li .fl_txt2 { padding-left: 20px; width: 90%; background: #F3F3F3; }
.mrg_bg03 { padding-bottom: 20px; background: url(/images/management/mgr_01.jpg) no-repeat 95% 0%; }

.fn_greentall { color: #007236; font-size: 23px; font-family: hyundaimedium, "현대체 Medium" }
.mglist_box { margin: 50px 10px  }
/* 
.mglist_box dl { margin-bottom: 20px;  background: #f6f6f6; }
.mglist_box dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box dl dt, .mglist_box dl dd { float: left }
.mglist_box dl dt { margin-right: 1.5%; width: 20%; background: #0c4da2; color: #fff; text-align: center;  }
.mglist_box dl dd { width: 78%; padding-top: 20px  }
.mglist_box dl dt .break { display: block }
.mglist_box dl.mglist_dl01 { height: 135px; }
.mglist_box dl.mglist_dl02 { height: 155px; }
.mglist_box dl.mglist_dl03 { height: 190px; }
.mglist_box dl.mglist_dl01 dt { height: 80px; padding-top: 55px }
.mglist_box dl.mglist_dl02 dt { height: 110px; padding-top: 45px }
.mglist_box dl.mglist_dl03 dt { height: 120px; padding-top: 70px } */

.mglist_box dl { display:table; width:100%; margin-bottom: 20px;  background: #f6f6f6; }
.mglist_box dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box dl dt, .mglist_box dl dd { display:table-cell;height:100%;}
.mglist_box dl dt { width: 20%; background: #0c4da2; color: #fff; text-align: center; vertical-align:middle; font-family: hyundaimedium, "현대체 Medium"; font-size:17px }
.mglist_box dl dd { width: 80%; padding-top: 20px;padding-left:20px; }
.mglist_box dl dt .break { display: block }

.mglist_box dl dd ul li { margin-bottom: 10px; padding-left: 10px; background: url(/images/common/dot_blue.gif) no-repeat 0 9px; }
.mglist_box dl dd ul li  .break_pd { display: block;  }
.mglist_box dl dd ul li  .break_pd:before { content: "-"; padding-right: 10px; }

.ctf_box { margin: 20px 10px; font-size: 18px;  }
.ctf_box .tit_blue { color: #0c4da2; font-size: 1.3em; line-height: 1.5;  }
.ctf_box .tit_blue .txt_gray { color: #777; }
.ctf_box p { display: inline-block; width: 30%; margin: 20px 5px 0 5px; text-align: center; }
.ctf_box p img { max-width: 100%; }
.ctf_box p span { display: block; font-size: 15px;  margin-top:10px}

.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; }
.colum_txt .col_dl dt {  color: #0c4da2; font-size: 20px; font-weight: 600 }
.colum_txt .col_dl dd { padding-right: 20px; text-align: justify }
.colum_txt .col_dl dd > p { margin-bottom: 0 }

.dltbl2 { font-size: 18px; margin: 20px 10px; }
.dltbl2:after { display: block; content: ''; clear: both; height: 0; }
.dltbl2 .dltbl_box2 { float: left; width: 32.3%; margin: 0 5px 12px; }
.dltbl2 .dltbl_box2:nth-child(2n) { border: 0; }
.dltbl2 .dltbl_box2 dt { padding: 15px 0; font-size: 22px; background: #0c4da2; color: #fff; text-align: center; }
.dltbl2 .dltbl_box2 dd { padding: 20px 20px;  height: 240px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 25px; font-size: 16px; background: url(/images/common/mailto.png) no-repeat 0; }
.dltbl2 .dltbl_box2 dd ul li a:hover { color: #0c4da2; }
.dltbl2 .dltbl_box2 dd.long { padding: 20px 20px;  height: 360px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.dltbl3 { font-size: 18px; }
.dltbl3 * {box-sizing:border-box;}
.dltbl3:after { display: block; content: ''; clear: both; height: 0; }
.dltbl3 .dltbl_box3 { float: left; width: 33.333%;  padding:0 7px;}

.dltbl3 .dltbl_box3 dt { padding: 15px 0; font-size: 22px; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"}
.dltbl3 .dltbl_box3 dd { padding: 20px 20px;  height: 240px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dltbl3 .dltbl_box3 dd ul li a { margin-bottom: 10px; padding-left: 25px; font-size: 16px; background: url(/images/common/mailto.png) no-repeat 0; }
.dltbl3 .dltbl_box3 dd ul li a:hover { color: #0c4da2; }
.dltbl3 .dltbl_box3 dd.long { padding: 20px 20px;  height: 360px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }


.prv_box { margin: 50px 0;  }
.prv_box h3 { margin: 30px 0 0; padding: 10px 15px; color: #0c4da2; font-size: 20px; font-weight: 600;  background: url(/images/common/dot_blue.gif) no-repeat 2px 21px; font-family: hyundaimedium, "현대체 Medium"}
.prv_box > p, .prv_box ul li, .prv_box dl dd { margin-bottom: 0; font-size: 15px }
.prv_box ul, .prv_box dl { margin-top: 10px; }
.prv_box strong { display: block;  color: #0c4da2; }
.prv_box .prv_manage { float: left;  margin-bottom: 20px; width:32.8333%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.prv_box .prv_manage dt { padding: 10px 0;  border-top: 1px solid #c2c2c2; background: #f9f9f9; color: #333; text-align: center; font-family: hyundaimedium, "현대체 Medium" }
.prv_box .prv_manage dd { padding: 20px; line-height: 1.6; }
.phmore p { margin-bottom: 20px; }
.prv_box .tbl_prv { margin-bottom: 20px; border-top: 1px solid #c2c2c2; }
.prv_box .tbl_prv th, .prv_box .tbl_prv td {  border-bottom: 1px solid #ebebeb; text-align: center; vertical-align: middle;  }
.prv_box .tbl_prv th { padding: 10px 15px ; background: #f9f9f9; color: #333; font-size: 17px; font-family: hyundaimedium, "현대체 Medium"}
.prv_box .tbl_prv td { padding: 20px 10px ; font-size: 15px; }
.prv_box .prv_manage.brnone { border-left: 0; }

.ytube_box2 { height: 450px; margin: 0; padding: 0;  }
.ytube_box2:after { display: block; content: ''; clear: both; }
.ytube_box2 .youtube { float: left;  width: 70%; height: 410px; background: #000; }
.ytube_box2 .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 20px; }
.ytube_box2 .yt_txt  { overflow: hidden; float: right; width: 28%; }
.ytube_box2 .yt_txt .yt_details { padding: 10px; height: 388px; font-size: 14px; border: 1px solid #d8d8d8; overflow-y: scroll; }

.movebody .header { z-index: 0; position: static; top: 0; left: 0; padding-bottom: 5px  }
.movebody .topgnb_bg { z-index: 0; position: absolute;   top: 80px }
.movebody .subnavi { z-index: 0; position: absolute; top: 0 }
.movebody .subnavi a:focus { outline: 1px dotted #fff; }
.movebody  #subcontainer { width: 1100px; margin:0 auto; padding:525px 0 50px 0}

.search_box { margin-top: 20px; margin-bottom: 30px; padding: 15px 0;  background: #F9F9F9; border: 1px solid #E2E2E2; text-align: center }
.search_box input, .search_box select { padding: 3px; border: 1px solid #D4D4D4; vertical-align: middle;  }
.search_box input {padding: 0 4px; height: 33px; width: 380px; }
.search_box select { padding: 3px 12px 3px 5px; width: 200px; height: 35px; background: #FFF url("/images/common/select_arrow.gif") no-repeat 90% 50%; }
.btn_src { display: inline-block; padding: 4px 18px;  height: 35px; background: #5D5D5D; color: #FFF; border: 1px solid #575757; font-size: 14px; vertical-align: middle; margin-top:5px;}

.notice_list { border-bottom: 1px solid #cdcdcd }
.notice_list .list_items { margin-bottom: 20px; width: 100%; }
.notice_list .list_items > p, .notice_list .list_items dl { display: inline-block; vertical-align: top; }
.notice_list .list_items > p { margin-right: 3%; width: 20%; }
.notice_list .list_items > p > img { width: 100%; height: 144px; }
.notice_list .list_items dl { width: 76%; }
.notice_list .list_items dl dt > a { padding-bottom: 10px; color: #0E468F; font-size: 16px; }
.notice_list .list_items dl dt > a span{font-weight:bold;}
.notice_list .list_items dl dd > a { font-size: 14px; line-height: 1.3; }
.notice_list .list_items dl dd span { padding-top: 10px; color: #555; font-size: 13px; }
.notice_list .list_items dl dd .list_ph:after { display: block; content: ''; clear: both; height: 0 ;}
.notice_list .list_items dl dd .list_date { float: left; margin-top: 10px }
.notice_list .list_items dl dd .list_more { float: right; margin-top: 10px }
.notice_list .list_items dl dd .list_more a { padding: 5px 8px; font-weight: bold; color: #333; background: #f0f0f0; }
.notice_list .list_items dl dd .list_more a:hover { color: #fff; background: #0E468F; }

.noimagelist .list_items dl { width: 100%; }

.pgnate { margin: 30px auto; text-align: center }
.pgnate .p_first, .pgnate  .p_prev, .pgnate  .p_next, .pgnate  .p_last { display: inline-block; margin-top: 7px; width: 10px; height: 11px; text-indent: 150%; overflow: hidden; white-space: nowrap; }
.pgnate .p_first { background: url(/images/common/pgn_first.gif) no-repeat 0 50% }
.pgnate .p_prev {  margin-left: 10px; background: url(/images/common/pgn_prevs.gif) no-repeat 0 50% }
.pgnate .p_next {  margin-right: 10px; background: url(/images/common/pgn_next.gif) no-repeat 0 50% }
.pgnate .p_last { background: url(/images/common/pgn_last.gif) no-repeat 0 50%; }
.pgnate .p_num  { display: inline-block; margin: 0 15px; }
.pgnate .p_num > a { display: inline-block; margin-left: 3px; padding: 3px 8px 3px 8px; border: 1px solid #dbdbdb; font-size: 15px; text-align: center; }
.pgnate .p_num > a:first-child { margin-left: 0 }
.pgnate .p_num > a.on { background: #0c4da2; color: #fff; border-color: #0c4da2; }

.list_view { margin: 20px; }
.list_view .tit { padding-bottom: 10px; border-bottom: 2px solid #0e468f; color: #0e468f; }
.list_view .tit:after { display: block; content: ''; clear: both; }
.list_view .tit .hd_list { color: #0e468f;  font-size: 24px; }
.nav_list { text-align: right; }
.nav_list span { float: left; margin-top: 8px; font-size: 14px; }
.nav_list .go { display: inline-block; margin-left: 4px; width: 36px; height: 36px; background: url(/images/common/icon_ft.gif) no-repeat 0 0; text-indent: 200%; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.nav_list .fb { margin-left: 10px; }
.nav_list .tw { background-position: -40px 0; }
.list_view .txtarea .figure { margin: 20px auto; width: 100%; text-align: center; font-size: 14px; }
.list_view .txtarea .figure img { max-width: 100%; }
.list_view .txtarea .details { margin-bottom: 30px; padding: 25px 0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #bdbdbd; font-size: 14px; }
.list_view .datail_btn { padding: 25px 0; }

.pgn_list { margin: 0;  font-size: 18px; }
.pgn_list > p { margin-bottom: 0 }
.pgn_list .fline01 { border-bottom: 1px solid #e2e2e2; }
.pgn_list .fline02 { border-bottom: 1px solid #bdbdbd; }
.pgn_list .col_1 { display: inline-block; padding: 10px 0 10px 40px;  width: 10%; font-size: 14px; background: url(/images/common/icon_arrowup.gif) no-repeat 5px 16px; }
.pgn_list .bg2 {  background: url(/images/common/icon_arrowdown.gif) no-repeat 5px 18px;  }
.pgn_list .col_2 a { display: inline-block; padding: 10px 0;  width: 70%; font-size: 14px; }
.pgn_list .col_2 a:hover { color: #0e468f; }

.zipcode_box { width: 335px; height: 95%;margin: 10px auto; padding: 10px; }
.zipcode_box h3.title { font-family: hyundaimedium, "현대체 Medium"; font-size: 25px; color: #0c4da2; line-height: 40px; }
.zip_search { width: 335px; height: 44px; margin-bottom: 15px; padding: 0; background: #e2e2e2; }
.searchtitle  { float: left; margin: 13px 0 0 25px; padding-right: 5px; font-size: 12px; }
.searchbox { float: left; margin-top: 11px; padding-right: 5px; font-size: 12px; }
.searchbtn { float: left; margin-top: 11px; }
.searchbtn .seek_btn a { display: inline-block; margin: 0; padding: 5px 10px; background: #707070; color: #fff; text-align: center; font-size: 12px; line-height: 1.0; }
.result_title { text-align: center; vertical-align: middle; width: 330px; height: 60px; font-size: 12px; color:#5174b0; }
.result_list { width: 330px; padding: 3px; text-align: center; background: #c4d7F8; }
.result_list select { width: 325px; padding: 5px; font-size: 12px;  color: #333; }
.zipbtn_area { width: 335px; height: 30px; margin-top: 20px; text-align: center; }
.zipbtn_area .seek_btn a { margin: 0; padding: 5px 10px; background: #707070; color: #fff; text-align: center; font-size: 12px; line-height: 1.0; }

/* Error page*/
body.error { background: #e9e9e9;}
#error_wrap { position: relative; width: 100%; height: 100%; min-height: 500px; }
.error_box { width: 350px; height: 480px; margin: 0 auto; }
.error_box .error_logo { margin: 40px auto; padding-left: 95px; height: 30px; }
.error_box .error_logo h1 { width: 200px; height: 32px; background: url(/images/common/pclogo_new.png) no-repeat; background-size: cover; text-indent: -500%; overflow: hidden; white-space: nowrap; margin-left:-35px}
.error_box .error_msg { margin-top: 100px; text-align: center; height: 300px; }
.error_box .error_msg h2 { font-family: hyundaimedium, "현대체 Medium"; font-size: 24px; line-height: 28px; }
.error_box .error_msg h3 { padding: 30px 0; font-family: hyundaimedium, "현대체 Medium"; color: #666; font-size: 14px; line-height: 30px; letter-spacing: -1px; }
.error_box .error_msg .btn a { display: inline-block; margin-top: 20px; padding: 0 20px; width: 125px; height: 40px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; font-family: hyundaimedium, "현대체 Medium"; color: #fff; font-size: 14px; line-height: 42px; text-align: left; text-decoration: none; }


.bizTable_left .verticalm { vertical-align: middle; }
.bizTable_left .txtcenter { text-align: center; }
/* .colwd_a { width: 30%; }
.colwd_b { width: 20%; }
.colwd_c { width: 20%; }
.colwd_d { width: 10%; } */


.txtright { text-align: right; font-size: 13px; padding-right:15px }
.bizTable_left .brdrf { border-right: 0; border-left: 0; padding-top:13px; font-family: hyundaimedium, "현대체 Medium" }
.file_txt { display: block; margin-top: 7px; }


@media only screen and (max-width:1281px) {
#subcontainer {max-width: 1100px;}
.sub_top {margin: 0 auto 25px; max-width: 1100px;  height: 350px;  color: #FFF; text-align: right;}
}

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

#subcontainer { padding: 110px 0 50px 0; width: 100%; }
.sub_top { margin: 0 auto 25px; width: 100%;  height: 350px;  color: #FFF; text-align: right; }
.subnavi { display: none }
.sub_top { width: 100%; height: 280px; }
.sub_top .tit span { font-size: 16px; }

.cnt_tit .hd3 { font-size: 30px;  }
.cnt_tit .hd3_stxt { font-size: 16px; }
.hd3_stxt_cm { font-size: 16px; margin-top:10px;}
.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; }

.pic_history { height: 180px; margin-bottom: 30px; }
.pic_history li.photo_list { float:left; width: 24.3%; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 24.3%; margin: 0; }

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

.pic_ap { margin-top: 30px; }
.pic_ap .ap_01, .pic_ap .ap_02 { padding-top: 260px; }
.pic_ap .ap_01 { margin: 0 10px; background: url(/images/public/ap_01.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap .ap_02 { background: url(/images/public/ap_02.jpg) no-repeat; background-size: 100% 100%  }

.pic_ceo img { max-width: 50%; }
.about_com { height: 350px; font-size: 14px; }
/* .cnt_vision1 img { max-width: 70%; } */
.panel_cnt .sq_box dl dt { width: 400px; font-size: 20px;}

.pic_gallery .pic_items img { max-width: 90%; }
.list_view .tit .hd_list { font-size: 18px; font-weight: bold; letter-spacing: -1px; }

#overLayerC { padding: 1.2em 2%; width: 90%; height: 80%; }
#overLayer { padding: 1.2em 2%; width: 90%; height: 80%; }

.brochure_box .brc_btn {right: 20px; }
p.pic_iso { margin: 20px 0 }
.notice_list .list_items > p { height: auto}
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }
.dltbl3 .dltbl_box3 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }
.dltbl3 .dltbl_box3 dt {font-size:18px;}
.prg_box .prg_txt dt { width: 70%; padding: 5px 15px; color: #fff; font-size: 20px; background: #0c4da2; }

.ap_notice .sub_result { width: 100%; margin-top: 80px; padding: 30px 0 20px 0; text-align:center; font-family: hyundaimedium, "현대체 Medium"; font-size: 22px; color: #0c4da2 }
.result_txt { width: 92%; margin: 0 auto; padding: 15px; font-size: 14px; line-height:1.8; background: #e8f5fc }

/* Error page*/
.error_box .error_logo h1 { width: 170px; height: 26px; background: url(/images/common/pclogo_new.png) no-repeat; background-size: cover; text-indent: -500%; overflow: hidden; white-space: nowrap; }
.error_box .error_msg .btn a { 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; font-family: hyundaimedium, "현대체 Medium"; color: #fff; font-size: 14px; line-height: 42px; text-align: left; text-decoration: none; }
}

@media only screen and (max-width:961px) {
.pic_ap { margin-top: 40px; }
.cnt p { margin-bottom: 10px; }
.cnt p.sl_sub { margin: 0; font-size: 22px; color: #0c4da2; }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 22px }
.result_txt { width: 94%; font-size: 13px; line-height:1.8 }
}	
	

@media only screen and (max-width:801px) {
.fnt_strong { font-size: 18px; line-height: 1.2 }

.sub_top { margin-bottom: 25px; height: 210px; }
.sub_top .tit { padding:3% 5%; font-size: 28px; }
.cnt .cnt_tit2 { min-height: 228px; }
.sub_top.ir_subimg06 .tit{width:40%;}
.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_section .list3 li {width:33.333%;}
.cnt_section .list3_1 li {width:33.333%;}
.cnt p.sl_sub { margin-top: 10px; font-size: 22px; color: #0c4da2; }

.pic_ap { margin-top: 20px; }
.pic_ap .ap_01, .pic_ap .ap_02 { padding-top: 180px; }
.pic_ap .ap_01 { margin: 0 10px; background: url(/images/public/ap_01.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap .ap_02 { background: url(/images/public/ap_02.jpg) no-repeat; background-size: 100% 100%  }

.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 }

.pic_history { height: 180px; margin-bottom: 0; }
.pic_history li.photo_list { float:left; width: 17.4%; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 17.4%; margin: 0; }

.box_history { margin: 0px; }
.box_history h4 { display: block; width: auto; margin-right: 0; padding: 5px; font-size: 18px; text-align: left; }
.box_history ul { width: 100%; vertical-align: top; }
.box_history > ul > li { float: left; padding: 10px 0; width: 87%; border-top: 1px solid #d7d7d7; }
.box_history > ul > li.month_area { float: left; width:13%;  font-size: 14px; color: #0c4da2; }
.box_history > ul > li > ul > li { padding-left: 15px; background: url(/images/common/dot_gray.gif) no-repeat 0px 9px; font-size: 14px; }

.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 }

h4.stitle { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333 }
h4.btitle { width: 100%; padding-bottom: 10px; font-size: 20px; font-weight: bold; color: #0c4da2; border-bottom: 1px dotted #c2c2c2 }
h4.btitle span { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #777 }
p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 26px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
.song_detail img {float:none; width:100%}
span.song_btn a { display: inline-block; margin: 30px 8px 100px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }
.panel_cnt .tbl_branch { margin: 10px 0 20px; }

.tbl_branch .col_22,.tbl_branch .col_25 { display: none; }
.tbl_branch  .tit_cpt { padding-bottom: 10px;  border-bottom: 1px solid #c2c2c2; text-align: left; font-size: 18px }
.tbl_branch .tbl_none { display: none }
.tbl_branch th, .tbl_branch td { padding: 0; display: block; font-size: 13px; border: 0 }
.tbl_branch td.first_td { margin-top: 0px; padding: 0; font-size: 15px; font-weight: bold }
.tbl_branch td.last_td {  margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #c2c2c2 }
.branch_bg { background: none; }

.box_ci { margin-top: 40px; }
.box_ci:after { display: block; content: ''; clear: both; }
.box_ci dl { float: left; width: 49%; }
.box_ci dl dt { padding-bottom: 5px; font-size: 20px; text-align: left; }
.box_ci dl dd { text-align: center; }
.box_ci dl dd img { padding: 5px 0; max-width: 90%; vertical-align: middle; }
.box_ci dl.posi {  margin-right: 2%;}
.box_ci dl.posi dd { border: 1px solid #d4d4d4; }
.box_ci dl.nega dd { border: 1px solid #000000; background: #000000; }
.box_sig dt { width: 100%; margin-bottom: 5px; font-size: 20px; }
.box_sig dd { float: left; margin-bottom: 20px; padding: 10px 0; margin-right: 1%;  width: 49.2%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd.mr_none { float: left; margin-bottom: 20px; padding: 10px 0; margin: 0;  width: 49.2%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd img { max-width: 100%; vertical-align: middle; }
.ci_ph01 { padding: 26px 0; text-align: center; font-size: 14px; line-height: 1.6; }
.box_color { margin-bottom: 35px; padding: 30px 28px 18px; }
.box_color dl dt { margin: 0; padding-bottom: 5px; font-size: 13px; font-weight: bold; }
.box_color dl dd { font-size: 12px; line-height: 1.2; }

.pic_gallery { width: 90%; margin: 20px auto 40px; }
.biz_gallery .gl_thums { top: 42px; }

.ap_alim li span.sp_co1  { width: 25%;  background: none; }
.ap_alim li span.sp_co2 { width: 70%; }

.bgs_01 { padding-top: 10px;  background-size: contain; }
.bgs_01 .cnt_tit2{background: url(/images/public/bg_s02.jpg) no-repeat 95% 0;background-size: contain;}
.bgs_01 .cnt_tit2 .hd3_stxt{padding-top:0;}

.ap_tbl th { width: 100px; }
.ap_tbl .col_b { width: auto; }
.ap_tbl input.case1 { width: 8%; }
.ap_tbl input.case2 { width: 20%; }
.ap_tbl input.case3 { width: 30%; }
.ap_tbl input.case4 { width: 90%; }
.ap_tbl select.case5 { width: 70%; }
.ap_tbl textarea.case6 { width: 90%; }
.ap_tbl  select { margin-top: 10px; }

.layer_datepick { width: auto; height: auto; }
.layer_datepick .sl_dya { float: none; margin: 0; width: auto; }
.layer_datepick .sl_car { float: none; width: auto; }

.brochure_box { background: none; text-align: center }
.brochure_box .brc_btn { position: static; top: 0; right: 0; }
.brochure_box .brc_btn .btn_blue { display: inline-block }

.nav_list { text-align: right; }
.nav_list span { float: left; margin-top: 10px; font-size: 13px; }
.nav_list .go { display: inline-block; margin-left: 5px; width: 40px; height: 38px; background: url(/images/common/icon_ft_m.png) no-repeat 0 0; background-size: 200% 100%; text-indent: 200%; overflow: hidden; white-space: nowrap; vertical-align: middle; }
.nav_list .fb { margin-left: 10px; }
.nav_list .tw { background-position: -40px 0; }

.cbtn { display: block; position: absolute; top: 10px; right: 15px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }
p.print_view img { width: 100%; margin-top:20px; border: 0 none }

.ytube_box { width: 92%; border: 0; margin: 15px auto }
.ytube_box .youtube, .ytube_box .yt_txt { height: auto; }
.ytube_box .youtube { float: none;  margin-bottom: 20px; width: auto; height: 400px }
.ytube_box .yt_txt  { float: none; width: auto; }
.ytube_box .yt_txt .yt_details { height: 350px; border: 1px solid #d8d8d8; overflow-y: scroll; }
.ytube_box .yt_txt .hd3_small {font-size: 18px; }

.list_gallery .gall_items li, .list_gallery .gall_items2 li { width: 31.7%; }
.list_gallery .gall_items li .gall_tit, .list_gallery .gall_items2 li .gall_tit { font-size: 13px; }

.dltbl { font-size: 16px }
.dltbl .dltbl_box dt { padding: 15px 0;  height: 50px; }
.dltbl .dltbl_box dd { padding: 20px 0; height: 150px; font-size: 13px; }
.dt_ul li .lh_auto { line-height: 1.5 }
.mrg_bg03 { padding-bottom: 0; background: none; }
.prg_box .prg_txt dt { font-size: 20px; }

.dltbl2 { margin: 0; }
.dltbl2 .dltbl_box2 { float: left; width: 31.9%; margin: 0 5px 12px; }
.dltbl2 .dltbl_box2 dt { padding: 15px 0; font-size: 22px; background: #0c4da2; color: #fff; text-align: center; }
.dltbl2 .dltbl_box2 dd { padding: 13px 13px;  height: 200px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }

.prv_box h3 { font-size: 18px }
.prv_box > p, .prv_box ul li, .prv_box dl dd { margin-bottom: 0; font-size: 15px }

.search_box select { width: 20%; border-radius: 0 }
.search_box input { width: 50%; padding-left: 5px; background: #fff; border: 0; outline: 1px solid #ccc; min-height: 20px; }
.notice_list .list_items > p { margin-right: 15px; width: 18%; }
.notice_list .list_items > p > img { height: 80px }
.notice_list .list_items dl {  width: 78% }
.notice_list .list_items dl dt > a { padding-bottom: 5px; font-size: 15px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.notice_list .list_items dl dd > a { margin-bottom: 5px; height: 38px; font-size: 14px }
.notice_list .list_items dl dd span { padding-top: 0; }
.noimagelist .list_items dl { width: 100%; }
.pgnate { width: 300px; }
.pgnate .p_num .pgn_none { display: none; }

.ap_notice .sub_result { width: 100%; margin-top: 80px; padding: 30px 0 20px 0; text-align:center; font-family: hyundaimedium, "현대체 Medium"; font-size: 22px; color: #0c4da2 }
.result_txt { width: 93%; margin: 0 auto; padding: 15px; font-size: 15px; line-height:1.8; background: #e8f5fc }

	.prv_box .prv_manage {width:100%;}
}


@media only screen and (max-width:769px) {
	.pic_history { height: 130px; margin-bottom: 30px; }
	.pic_history li.photo_list { float:left; width: 24%; box-sizing:border-box; padding-right: 9px; }
	.pic_history li.photo_last { float:left; width: 24.2%; margin: 0; }

	.pic_gallery { width: 100%; margin: 20px auto 30px; }
	.pic_gallery a.btn_prev, .pic_gallery a.btn_next { top: 40%; width: 20px; height: 20px; }
	.pic_gallery a.btn_prev { left: -5px }
	.pic_gallery a.btn_next { right: -5px }

	.dltbl .dltbl_box { float: left; width: 23.6%; padding: 0 5px; }

	.dltbl2 { margin: 0; }
	.dltbl2 .dltbl_box2 { float: left; width: 31.8%; margin: 0 5px 12px; }
	.dltbl2 .dltbl_box2 dt { padding: 15px 0; font-size: 20px; background: #0c4da2; color: #fff; text-align: center; }
	.dltbl2 .dltbl_box2 dd { height: 220px; }
	.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }

	.dltbl3 .dltbl_box3 {width:50%; padding:0 5px;}

	.ytube_box2 { height: 450px; margin: 0; padding: 0; }
	.ytube_box2:after { display: block; content: ''; clear: both; }
	.ytube_box2 .youtube { width: 100%; height: 400px; background: #000; }
	.ytube_box2 .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 20px; }
	.ytube_box2 .yt_txt  { overflow: hidden; width: 100%; }
	.ytube_box2 .yt_txt .yt_details { margin-top: 20px; padding: 10px; height: 300px; font-size: 14px; border: 1px solid #d8d8d8; overflow-y: scroll; }

	#overLayerC { padding: 1.2em 2%; top: 38%; width: 90%; height: 50%; }
	#overLayer { padding: 1.2em 2%; top: 38%; width: 90%; height: 70%; }

	.loginBox { overflow:hidden; width: 100%; margin: 0; padding: 20px 0 0; }
	.loginBox ul { width: 100%; margin: 0 auto; }
	.loginBox ul li.idBox { width: 100%; height: 57px; border-top: 1px solid #d1e0ea; }
	.loginBox ul li.idBox span.id { display: block; float: left; width: 20%; height: 45px; margin-right: 10px; padding: 10px 15px 0; line-height: 2.4; text-align: right; background: #f0f7fc; }
	.loginBox ul li.pwBox { width: 100%; height: 57px; margin-bottom: 40px; border-top: 1px solid #d1e0ea; border-bottom: 1px solid #d1e0ea; }
	.loginBox ul li.pwBox span.pw { display: block; float: left; width: 20%; height: 45px; margin-right: 10px; padding: 10px 15px 0; line-height: 2.4; text-align: right; background: #f0f7fc; }
	.loginBox p.loginBtn {margin-right:30px; padding:0px; font-size:0; line-height:0; float:right;}
	.int { position: relative; z-index: 10; width: 65%; height: 33px; margin: 11px 0 0 0; border:1px solid #cecece; }
	.int2 { position: relative; z-index: 10; width: 19.7%; height: 33px; margin: 11px 0 0 0; border:1px solid #cecece; }
	.loginBox span.dash { margin-left: 4px; padding: 2px; color: #707070; }
	.layer_confirmpick .guide {margin-top:30px;  font-size: 19px; }

	.pic_ap { margin-bottom: 100px; }
	#subcontainer {padding-top:100px;}
}
@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; }

.pic_history { height: 120px; margin-bottom: 30px; }
.pic_history li.photo_list { float:left; width: 24%; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 24%; margin: 0; }

.dltbl2 .dltbl_box2 { float: left; width: 31.9%; margin: 0 5px 12px; }
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }



p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 26px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 8px 30px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

#overLayerC { padding: 1.2em 2%; top: 45%; width: 90%; height: 80%; }
#overLayer { padding: 1.2em 2%; top: 45%; width: 90%; height: 80%; }

.notice_list .list_items dl {  width: 78%; font-size: 14px; }
.noimagelist .list_items dl { width: 100%; }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 21px }
.result_txt { width: 93%; font-size: 14px; line-height:1.8 }
}	


@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; }

.pic_history { height: 110px; margin-bottom: 35px; }
.pic_history li.photo_list { float:left; width: 23.9%; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 23.9%; margin: 0; }

.box_color > div { float: left; width: 80%; }
.box_color { margin-bottom: 15px; padding: 30px 28px 8px;}
.box_color dl dt { margin-top: 10px; padding-bottom: 5px; font-size: 13px; font-weight: bold; }
.box_color dl dd { font-size: 13px; line-height: 1.2; }
.box_ci { margin-top: 40px; }
.box_ci:after { display: block; content: ''; clear: both; }
.box_ci dl { float: left; width: 49%; }
.box_ci dl dt { padding-bottom: 5px; font-size: 20px; text-align: left; }
.box_ci dl dd { text-align: center; }
.box_ci dl dd img { padding: 5px 0; max-width: 90%; vertical-align: middle; }
.box_ci dl.posi {  margin-right: 2%;}
.box_ci dl.posi dd { border: 1px solid #d4d4d4; }
.box_ci dl.nega dd { border: 1px solid #000000; background: #000000; }
.box_sig dt { width: 100%; margin-bottom: 5px; font-size: 20px; }
.box_sig dd { float: left; margin: 0 1% 0 0; padding: 10px 0; width: 49.1%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd.mr_none { float: left; margin-bottom: 20px; padding: 10px 0; width: 49.2%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd img { max-width: 80%; vertical-align: middle; }

.cbtn { display: block; position: absolute; top: 10px; right: 13px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }

.dltbl .dltbl_box { float: left; width: 48.4%; padding: 0 5px; }
.dltbl .dltbl_box dd { padding: 20px 0; height: 150px; font-size: 14px; }

.dltbl2 .dltbl_box2 { width: 48.3%; }
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }

p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 26px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 8px 30px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 20px }
.result_txt { width: 93%; font-size: 13px; line-height:1.8 }
}	


@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; }

.cbtn { display: block; position: absolute; top: 10px; right: 9px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }

.box_sig dd { float: left; margin: 0 1% 0 0; padding: 10px 0; width: 49.1%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd.mr_none { float: left; margin-bottom: 20px; padding: 10px 0; width: 49.1%; text-align: center;  border: 1px solid #d4d4d4; }

.list_gallery .gall_items li, .list_gallery .gall_items2 li {  width: 100%; margin-top:50px}
.list_gallery .gall_items2 li { margin-bottom: 25px; padding: 0; }
.list_gallery .gall_items li .gall_tit, .list_gallery .gall_items2 li .gall_tit { font-size: 13px; }

.gallery_pbox { margin-top: 20px }

.prg_box { margin: 0; }
.prg_box .prg_txt { margin-bottom: 20px; }
.prg_box h3 { font-size: 20px; }
.dt_ul { margin-top: 20px; }
.dt_ul li { margin: 0 10px 18px 10px; padding: 0 0 10px 0; border-bottom: 1px solid #f8f8f8; font-size: 15px; line-height: 1.2 }
.dt_ul li .fl_txt1, .dt_ul li .fl_txt2 { height: auto; }
.dt_ul li .fl_txt1 { width: 20px }
.dt_ul li .fl_txt2 { width: 80%; background: none }

.mglist_box { margin: 30px 0  }
.mglist_box dl { margin-bottom: 10px }
.mglist_box dl dt { width: 16%; }
.mglist_box dl dd { width: 73%; padding-top: 10px  }
.mglist_box dl.mglist_dl01 { height: 70px; }
.mglist_box dl.mglist_dl02 { height: 250px; }
.mglist_box dl.mglist_dl03 { height: 100px; }
.mglist_box dl.mglist_dl01 dt { height: 60px; padding-top: 10px }
.mglist_box dl.mglist_dl02 dt { height: 170px; padding-top: 80px }
.mglist_box dl.mglist_dl03 dt { height: 70px; padding-top: 30px }
.mglist_box dl dd ul li { margin-bottom: 5px; }

.ctf_box { margin: 20px 10px; font-size: 18px;  }
.ctf_box .tit_blue { color: #0c4da2; font-size: 1.3em; line-height: 1.5; }
.ctf_box .tit_blue .txt_gray { color: #777; }
.ctf_box p { display: inline-block; width: 30%; margin: 20px 5px 0 5px; text-align: center; }
.ctf_box p img { max-width: 100%; }
.ctf_box p span { display: block; font-size: 15px; margin-top:-5px}
.fn_greentall { font-size: 18px }

.dltbl2 .dltbl_box2 { width: 48.3%; }
.dltbl2 .dltbl_box2 dd ul li { margin-bottom: 0 }
.dltbl2 .dltbl_box2 dd { height: 230px; }

.notice_list .list_items > p { margin-right: 15px; width: 19%; }
.notice_list .list_items > p > img { height: 78px; }
.notice_list .list_items dl {  width: 78%; font-size: 14px; }

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


@media only screen and (max-width:641px) {
.dltbl .dltbl_box { float: left; width: 48.3%; padding: 0 5px; }
.dltbl .dltbl_box dd { padding: 20px 0; height: 150px; font-size: 14px; }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 23px }
.result_txt { width: 94%; font-size: 15px; line-height:1.8 }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 18px }
.result_txt { width: 90%; font-size: 13px; line-height:1.8 }

.noimagelist .list_items dl { width: 95%; }



}	

@media only screen and (max-width:569px) {
.line_gray { padding-bottom: 10px }
.details_01, .details_03 { margin: 35px 0; }
.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; }
.cbtn { display: block; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }

.dltbl { font-size: 15px }
.dltbl .dltbl_box { float: left; width: 48.1%; }
.dltbl .dltbl_box dt { padding: 10px 0;  height: 43px; }
.dltbl .dltbl_box dd { padding: 15px 0 0; height: 150px; }

.pic_history { height: 110px; margin-bottom: 35px; }
.pic_history li.photo_list { float:left; width: 23.7%; box-sizing:border-box; padding-right: 9px;}
.pic_history li.photo_last { float:left; width: 23.9%; margin: 0; }

.pic_ap { margin-top: 20px; }
.pic_ap .ap_01, .pic_ap .ap_02, .pic_ap_n .ap_01 { padding-top: 150px; }
.pic_ap .ap_01 { margin: 0 8px; background: url(/images/public/ap_01.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap .ap_02 { background: url(/images/public/ap_02.jpg) no-repeat; background-size: 100% 100%; }

.dltbl2 .dltbl_box2 { float: left; width: 48.1%; margin: 0 5px 12px; }
.dltbl2 .dltbl_box2 dt { padding: 15px 0; font-size: 19px; background: #0c4da2; color: #fff; text-align: center; }
.dltbl2 .dltbl_box2 dd { height: 230px; }

h4.stitle { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333; }
p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 24px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 8px 30px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

	.dltbl3 .dltbl_box3 { width:100%; padding:0;} 
	.dltbl3 .dltbl_box3 dd, .dltbl3 .dltbl_box3 dd.long {height:auto; padding:10px;}
	.dltbl3 .dltbl_box3 dt {font-size:15px; padding:6px;}
}	

@media only screen and (max-width:481px) {
.line_gray { padding-bottom: 0 }
.details_01, .details_03 { margin: 25px 0; }
.sub_top { height: 130px;  }
.sub_top .tit { font-size: 18px; }
.sub_top .tit span { font-size: 13px; }
.cnt_tit .hd3 { font-size: 25px; }
.cnt_tit .hd3_stxt { font-size: 16px; }
.cnt_tit4 .hd3 { padding-top: 30px; font-size: 25px; }
.cnt_tit4 .hd3_stxt { font-size: 15px; }
.bgs_01 { background: none; }

.about_com { position: relative; width: auto; height: 450px; font-size: 12px; background: transparent url(/images/about/bg_about02_m.jpg) no-repeat 0% 0%; background-size: cover; }
.about_com ul { padding: 20px 10px 10px 10px; width: auto; height: auto; }
.about_com ul li { padding: 7px 0px; }
.about_com ul li span { display: block; float: left; margin-right: 15px; width: 70px; background: url(/images/common/line_v.png) no-repeat 100% 50%; font-size:14px}
.about_com ul li span.linebr { float: none; margin-left: 86px; width: auto; background: none; }

.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 }

#overLayerC { padding: 1.2em 2%; top: 48%; width: 90%; height: 70%; }
.int2 { position: relative; z-index: 10; width: 18%; height: 33px; margin: 11px 0 0 0; border:1px solid #cecece; }

.pic_ceo img { max-width: 100%; }

.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 {background-color: #D9E5EF; background-image: url("/images/about/cntbg_vision_mo.png") ; width: 100%; z-index:9999;}
.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; }

.box_color { margin-bottom: 15px; padding: 30px 28px 8px; border: 1px solid #d4d4d4; }
.box_color > div { float: left; width: 100% }
.box_color .pic_color { float: left; margin-right: 10px; width: 40%; }
.box_color .txt_color { float: left; margin-bottom: 20px; width: 55%; }
.box_color .pic_color img { max-width: 100%; }
.box_color dl dt { margin-top: 0; padding-bottom: 3px; font-size: 12px; font-weight: bold; }
.box_color dl dd { font-size: 12px; line-height: 1.2; }
.box_sig dt { width: 100%; margin-bottom: 5px; font-size: 22px; }
.box_sig dd { float: left; margin-bottom: 10px; padding: 10px 0; margin-right: 2%;  width: 48.3%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd.mr_none { float: left; padding: 10px 0; margin: 0;  width: 48.3%; text-align: center;  border: 1px solid #d4d4d4; }
.box_sig dd img { max-width: 80%; vertical-align: middle; }

.ap_tbl td, .ap_tbl th { padding: 10px 0 12px; letter-spacing: -1px }
.ap_tbl input.case_attach { width: 200px; height: 30px; padding-top: 5px }
.ap_tbl input.case1 { width: 15%; }
.ap_tbl input.case2 { width: 20%; }
.ap_tbl input.case3 { width: 30%; }
.ap_tbl input.case4 { width: 90%; }
.ap_tbl select.case5 { width: 70%; }
.ap_tbl textarea.case6 { width: 90%; }

.cbtn { display: block; position: absolute; top: 5px; right: 8px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }

.pic_gallery { width: 100%; margin: 20px auto 30px; }
.pic_gallery a.btn_prev, .pic_gallery a.btn_next { top: 30%; width: 20px; height: 20px; }
.pic_gallery a.btn_prev { left: -5px }
.pic_gallery a.btn_next { right: -5px }

.gl_menu  ul li { width: 48%; }
.biz_gallery .pic_biz2 { width: 100%; }
.biz_gallery .gl_thums { position: static; top: 0px;  right: 0px; margin-bottom: 10px; width: 100%; }
.biz_gallery .gl_thums a { width: 24.2%; }

.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; }

.pgn_list { margin: 0;  font-size: 18px; }
.pgn_list > p { margin-bottom: 0 }
.pgn_list .fline01 { margin: 0; border-bottom: 1px solid #e2e2e2; }
.pgn_list .fline02 { margin: 0; border-bottom: 1px solid #bdbdbd; }
.pgn_list .col_1 { display: inline-block; padding: 10px 0 10px 30px;  width: 18%; font-size: 14px; background: url(/images/common/icon_arrowup.gif) no-repeat 5px 16px; }
.pgn_list .bg2 {  background: url(/images/common/icon_arrowdown.gif) no-repeat 5px 18px;  }
.pgn_list .col_2 a { display: inline-block; padding: 10px 0;  width: 70%; font-size: 14px; }
.pgn_list .col_2 a:hover { color: #0e468f; }

.ap_notice .subtit, .apwrite .subtit { padding-bottom: 14px; font-size: 20px;  color: #0c4da2; }

.calendar .tbl_cal td { height: 45px; }

.sl_car .car_select { font-size: 16px; }
.calendar .tbl_cal .rev_ok, .calendar .tbl_cal .rev_end, .calendar .tbl_cal .rev_no {  bottom: 2px; padding: 1px 3px; font-size: 11px }
.sl_car .rev_times { font-size: 13px }
.rev_times .times_body li { padding: 5px; }
.rev_times .times_body input[type=text] { margin-left: 3px; width: 30px; }

.pic_ap .ap_01, .pic_ap .ap_02 { padding-top: 120px; }
.pic_ap .ap_01 { margin: 0 5px; background: url(/images/public/ap_01.jpg) no-repeat; background-size: 100% 100%; }
.pic_ap .ap_02 { background: url(/images/public/ap_02.jpg) no-repeat; background-size: 100% 100%; }

.ytube_box { width: 100%; border: 0; margin: 15px auto; padding:0 }
.ytube_box .youtube { float: none;  margin-bottom: 20px; width: auto; height: 250px }
.ytube_box .yt_txt .yt_details { margin-bottom: 20px; height: 170px; border: 1px solid #d8d8d8; overflow-y: scroll; }

.list_gallery { margin-top: 30px; text-align: center; }
.list_gallery .gall_items li, .list_gallery .gall_items2 li { width: 100%; margin: 0;  padding-bottom: 20px; }
.list_gallery .gall_items li:nth-child(2n+1), .list_gallery .gall_items2 li:nth-child(2n+1) {  margin-left: 0 }
.list_gallery .gall_items2 li { margin-bottom: 20px; padding: 0; }

.dltbl { font-size: 15px; }
.dltbl .dltbl_box { float: left; width: 45.4%; padding-bottom: 10px; }
.dltbl .dltbl_box dt { padding: 10px 0;  height: 43px; }
.dltbl .dltbl_box dd { padding: 15px 0 ; height: 135px; font-size: 13px; }

.prg_box .prg_txt dt { width: 92%; font-size: 18px; }
.prg_box .prg_txt dd { width: 92%; font-size: 14px; }

.mglist_box dl { background: none;display:block; }
.mglist_box dl dt, .mglist_box dl dd { float: none;display:block;}
.mglist_box dl dt { margin-right: 0; padding: 5px 0; width: auto }
.mglist_box dl dd { width: auto; padding: 10px 20px 10px 10px; font-size: 14px; border: 1px solid #e8e8e8 }

.mglist_box dl.mglist_dl01, .mglist_box dl.mglist_dl02, .mglist_box dl.mglist_dl03 { height: auto }
.mglist_box dl.mglist_dl01 dt, .mglist_box dl.mglist_dl02 dt, .mglist_box dl.mglist_dl03 dt  { height: auto; padding-top: 5px }
.mglist_box dl dt span.break { display: inline }

.pic_history { height: 80px; margin-bottom: 25px; }
.pic_history li.photo_list { float:left; box-sizing:border-box; padding-right: 9px; }
.pic_history li.photo_last { float:left; width: 23.5%; margin: 0; }

.ctf_box p { display: block; width: 80%; margin: 20px auto 0 auto; }

.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 .colum_txt dd br {display:none}
.cnt_colum2 .colum_txt dd a.btn_site {margin-top:20px; }
.cnt_colum2 .cmf_r,.cnt_colum2 .cmf_l { float: none }

.dltbl2 .dltbl_box2 { float: none; width: 100%; margin: 0 0 10px 0; }
.dltbl2 .dltbl_box2 dt { padding: 5px 0; font-size: 18px; }
.dltbl2 .dltbl_box2 dd { padding: 13px 13px;  height: auto; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dltbl2 .dltbl_box2 dd ul li a { margin-bottom: 10px; padding-left: 15px; font-size: 14px; background: url(/images/common/dot_gray.gif) no-repeat 0; }
.dltbl2 .dltbl_box2 dd.long { padding: 13px 13px;  height: auto; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

.prv_box .prv_manage { float: none;  margin-bottom: 10px; width: auto; }
.prv_box .tbl_prv th { padding: 5px; font-size: 15px; }
.prv_box .tbl_prv td { padding: 5px ; font-size: 14px; }


p.pdf_info { height: 24px; margin-bottom: 15px; padding-right: 0; font-size: 13px; text-align: left; background: url(/images/common/icn_pdf.gif) no-repeat 10px 0; }

h4.stitle { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333; }
p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 24px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 8px 30px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

a.btn_gosite span { display: none; }

.list_view { margin: 20px 0; }
.notice_list .list_items > p { margin: 0; padding: 0; width: 25%; }
.notice_list .list_items > p > img { height: 70px; }
.notice_list .list_items dl {  width: 70%; margin-left: 10px; font-size: 13px }
.notice_list .list_items dl dt  { display: block; padding-bottom: 10px; font-size: 14px; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; }
.notice_list .list_items dl dd { display: block; overflow: hidden; font-size: 13px; line-height: 1.3; }
.noimagelist .list_items dl { width: 95%; }

.joinAgree { font-size: 13px;}
.ap_chk span { display: block; margin: 0; }
input[type=file] { width: 220px; }

table.bizTable_left td, table.bizTable_left th { font-size: 13px;}

} 


@media only screen and (max-width:415px) {
.pic_history { height: 270px; margin-bottom: 35px; }
.pic_history li.photo_list { float:left; width: 48.8%; margin: 0 1px 0 3px; }
.pic_history li.photo_last { float:left; width: 48.8%; margin: 0 1px 0 3px; }

.ytube_box2 { height: 450px; margin: 0; padding: 0;  }
.ytube_box2:after { display: block; content: ''; clear: both; }
.ytube_box2 .youtube { width: 100%; height: 300px; background: #000; }
.ytube_box2 .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 18px; }
.ytube_box2 .yt_txt  { overflow: hidden; width: 100%; }
.ytube_box2 .yt_txt .yt_details { margin-top: 10px; padding: 10px; height: 200px; font-size: 14px; border: 1px solid #d8d8d8; overflow-y: scroll; }

h4.stitle { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333; }
p.motto { float: none; margin-bottom: 10px; padding: 20px; width: auto; height: auto; font-size: 20px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 8px 30px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 21px }
.result_txt { width: 90%; font-size: 14px; line-height:1.8 }

.apdown_btn { display: block; width: 70%; }
}


@media only screen and (max-width:376px) {
.pic_history { height: 240px; margin-bottom: 40px; }
.pic_history li.photo_list { float:left; width: 48.5%; margin: 0 1px 0 3px; }
.pic_history li.photo_last { float:left; width: 48.5%; margin: 0 1px 0 3px; }
.biz_gallery .gl_thums a { width: 24.1%; }
.dltbl .dltbl_box { float: left; width: 47%; padding-bottom: 10px; }

.ytube_box2 { height: 450px; margin: 0; padding: 0;  }
.ytube_box2:after { display: block; content: ''; clear: both; }
.ytube_box2 .youtube { width: 100%; height: 250px; background: #000; }
.ytube_box2 .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 17px; }
.ytube_box2 .yt_txt  { overflow: hidden; width: 100%; }
.ytube_box2 .yt_txt .yt_details { margin-top: 10px; padding: 10px; height: 175px; font-size: 14px; border: 1px solid #d8d8d8; overflow-y: scroll; }

h4.stitle { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #333; }
p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 20px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
span.song_btn a { display: inline-block; margin: 10px 0px 10px 0; padding: 8px 15px; background: #00a651; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 }

#overLayerC { padding: 1.2em 2%; top: 45%; width: 90%; height: 80%; }
#overLayer { padding: 1.2em 2%; top: 45%; width: 90%; height: 80%; }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 19px }
.result_txt { width: 90%; font-size: 13px; line-height:1.8 }
}


@media only screen and (max-width:360px) {
.dltbl .dltbl_box { float: none; margin-bottom: 10px; width: 97%; }
.dltbl .dltbl_box dd { padding: 20px 0; height: auto }
.cnt_section .history_menu li { float: left; margin: 0 3px 5px 3px; width: 48%; }
.cnt_tit2 .hd3_stxt { font-size: 16px; }
.cnt p.sl_sub { margin: 0; font-size: 16px; color: #0c4da2; }
.ci_ph01 { padding: 26px 0; text-align: center; font-size: 13px; line-height: 1.6; }
.box_color .pic_color { float: left; margin-right: 10px; width: 30%; }
.box_color .txt_color { float: left; margin-bottom: 20px; width: 65%; }
.href2_blue { display: inline-block; margin-top: 15px; padding: 0 10px;  width: 120px; height: 40px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 13px; line-height: 40px; text-align: left }
.cbtn { display: block; position: absolute; top: 9px; right: 7px; width: 32px; height: 32px; background: url(/images/common/btn_navi_close.png) no-repeat; text-indent: 200%; white-space: nowrap; overflow: hidden; }
.pic_ap .ap_01, .pic_ap .ap_02 { padding-top: 100px; }
.pic_history { height: 220px; margin-bottom: 25px; }
.pic_history li.photo_list { float:left; width: 48.3%; margin: 0 1px 0 3px; }
.pic_history li.photo_last { float:left; width: 48.3%; margin: 0 1px 0 3px; }
.biz_gallery .gl_thums a { width: 23.9%; }
.prg_box .prg_txt dt { width: 90%; font-size: 16px; }
.prg_box .prg_txt dd { width: 90%; font-size: 14px; }

.btnarea .select_blue > a { display: inline-block; margin-left: 3px; padding: 10px 15px; background: #0c4da2; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }
.btnarea .select_green> a { display: inline-block; margin-left: 3px; padding: 10px 15px; background: #008a32; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; }

.loginBox ul li.idBox span.id { display: block; float: left; width: 25%; height: 45px; margin-right: 10px; padding: 10px 15px 0 0; line-height: 2.4; text-align: right; background: #f0f7fc; font-size: 13px; }
.loginBox ul li.pwBox span.pw { display: block; float: left; width: 25%; height: 45px; margin-right: 10px; padding: 10px 15px 0 0; line-height: 2.4; text-align: right; background: #f0f7fc; font-size: 13px;  }

.int { position: relative; z-index: 10; width: 62%; height: 33px; margin: 11px 0 0 0; border:1px solid #cecece; }
.int2 { position: relative; z-index: 10; width: 16%; height: 33px; margin: 11px 0 0 0; border:1px solid #cecece; }

.ytube_box2 { height: 450px; margin: 0; padding: 0; }
.ytube_box2:after { display: block; content: ''; clear: both; }
.ytube_box2 .youtube { width: 100%; height: 220px; background: #000; }
.ytube_box2 .hd3_small { margin-bottom: 10px; color: #0c4da2; font-size: 15px; }
.ytube_box2 .yt_txt  { overflow: hidden; width: 100%; }
.ytube_box2 .yt_txt .yt_details { margin-top: 7px; padding: 10px; height: 167px; font-size: 13px; border: 1px solid #d8d8d8; overflow-y: scroll; }

h4.stitle { margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #333; }
p.motto { float: none; margin-bottom: 30px; padding: 20px; width: auto; height: auto; font-size: 17px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }

.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 18px }
.result_txt { width: 90%; font-size: 13px; line-height:1.8 }
}


@media only screen and (max-width:320px) {
	/* Error page*/
	body.error { background: #e9e9e9;}
	#error_wrap { position: relative; width: 100%; height: 100%; min-height: 500px; }
	.error_box { width: 300px; height: 480px; margin: 0 auto; }
	.error_box .error_logo { margin: 30px auto; padding-left: 70px; height: 30px; }
	.error_box .error_logo h1 { width: 160px; height: 26px; background: url(/images/common/pclogo_new.png) no-repeat; background-size: cover; text-indent: -500%; overflow: hidden; white-space: nowrap; }
	.error_box .error_msg { margin-top: 60px; text-align: center; height: 300px; }
	.error_box .error_msg h2 {  font-size: 20px; line-height: 28px; font-family: hyundaimedium, "현대체 Medium"; }
	.error_box .error_msg h3 { color: #666; font-size: 12px; line-height: 30px; padding: 30px 0; }
	.error_box .error_msg .btn a { display: inline-block; margin-top: 20px; padding: 0 20px; width: 135px; height: 40px;  background: #326bb6 url(/images/common/btn_arrowbg.gif) no-repeat 100% 0; color: #fff; font-size: 14px; line-height: 44px; text-align: left; text-decoration: none; }
	.notice_list .list_items > p > img { height: 65px; }
	.notice_list .list_items dl { /*  width: 68%;  */margin-left:0; font-size: 13px }

	.ap_notice .sub_result { width: 100%; margin-top: 30px; font-size: 16px }
	.result_txt { width: 90%; font-size: 12px; line-height:1.8 }
}

/* 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;}
.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";}
.hd_area .explain {padding-bottom:30px;}
.hd_area .hd_box {border:1px solid #d4d4d4;padding:30px 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/about/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;}
}

/* 인사말 수정 */
.ceo_box {position:relative; padding-left:400px;}
.ceo_box .pic_ceo {position:absolute; top:0; left:0}
.ceo_box .pic_ceo img {max-width:100%; width:380px;}
.ceo_box .pic_center {padding-top:0px;}
.ceo_box .pic_center p {word-break: keep-all;}
@media only screen and (max-width:800px) {
	.ceo_box {padding:0;}
	.ceo_box .pic_ceo {position:static; text-align:center}
	.ceo_box .pic_ceo img {width:450px; padding-top:20px; padding-bottom:30px; padding-left:0px;}
	.ceo_box .pic_center {padding-top:20px;}
}

.ovf_min1 tfoot {font-weight:bold !important;}
@media only screen and (max-width:480px) {
	.ovf_min1 {width:500px !important;}
	
}

/* 타이틀 버튼 추가 */
.cnt_tit {position:relative;}
.cnt_tit a.btn_down2 {position:absolute; top:0; right:0; font-family: hyundaimedium, "현대체 Medium"; padding-left:14px;}

a.btn_down2 {display: inline-block; margin: 5px 0; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; width:auto;}
a.btn_down3 {display: inline-block; margin: 5px 0; padding: 10px 42px 10px 13px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 93% 50%; color: #fff; text-align: center; font-size: 15px; line-height: 1.4; width:auto; float:right; margin-bottom:70px}


@media only screen and (max-width:620px) {
	.cnt_tit a.btn_down2 {top:-3px;}
	a.btn_down2 {font-size:13px; padding:5px 40px 5px 8px;}
	a.btn_down3 {font-size:13px; padding:7px 40px 7px 8px; margin-bottom:30px; margin-right:10px;}
}

.no_list {text-align:center; padding:20px 0 50px 0;}

/* 190508  개인정보수정 */
.prv_box.st h3 {background:none; padding-left:0; font-family: hyundaimedium, "현대체 Medium"}
.prv_box.st ul > li > strong {margin-bottom:5px; color:#333; font-family: hyundaimedium, "현대체 Medium"}
.prv_box.st ul > li > strong.point {color:#0c4da2; font-weight:bold;}
.prv_box.st ul > li > strong.di {display:inline-block;}
.prv_box.st ul > li > ul {margin-top:0; margin-left:22px;}
.prv_box.st ul > li > p {margin-bottom:10px;}
.prv_box.st ul > li > ul > li > ul {margin:5px 0;}

/* 서브-팝업추가 */
.sub_popup {position:absolute; z-index:800; top:94px; left:13px;}
.sub_popup .con {position:relative; border:1px solid #d9d9d9; font-size:0} 
.sub_popup .con img {max-width:100%}
.sub_popup .popup_close {position:absolute; top: 0; right:10px; text-decoration:underline;}
.sub_popup .popup_bar {position:relative; display:block; background:#f9f9f9; border-top:1px solid #d9d9d9; line-height:30px; padding:0 10px; font-size:14px; border:1px solid #d9d9d9; border-top:0 none}
@media screen and (max-width:620px) {
	.sub_popup {top:75px; left:0; padding:0 10px;}
	.sub_popup .popup_bar {padding:0 5px}
}

/*
.mrg_bg07 .green_box {display:flex; align-items:center; background:url('/images/management/manage_bg07.jpg') 100% 100% no-repeat}
.mrg_bg07 .green_box span {display:inline-block; margin-right:32px; border:1px solid #d0d0d0; background:#fff;}
.mrg_bg07 .green_box strong {display:block; margin-bottom:30px; font-weight:normal; color:#111; letter-spacing:-0.8px; font-size:16px; line-height:160%;}
.mrg_bg07 .green_box .brc_btn .btn_blue { display: block; margin: 5px 0; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 16px; line-height: 1.4; font-family: hyundaimedium, "현대체 Medium"  }
@media screen and (max-width:800px) {
	.mrg_bg07 .green_box {background-size:480px}
}
@media screen and (max-width:640px) {
	.mrg_bg07 .green_box {margin-top:25px;}
}
@media screen and (max-width:480px) {
	.mrg_bg07 .green_box span {margin-right:18px;}
	.mrg_bg07 .green_box span img {width:150px;}
	.mrg_bg07 .green_box strong {margin-bottom:20px;}
	.mrg_bg07 .green_box .brc_btn .btn_blue {padding:10px 15px; text-align:left;}
}

*/


/* 210103  개요페이지 추가 */
.operation:after {content:""; display:block; clear:both;}
.operation {margin-top:50px;}
.operation li {float:left; width:33.3%; vertical-align:top;}
.operation li > div {background:#0c4da2; width: 200px; height: 200px; border-radius:50%; text-align: center; margin: 0 auto; color:#fff; font-size: 20px;}
.operation li:nth-child(2n) > div {background: #1a6eb5;}
.operation li:nth-child(3n) > div {background: #2372d8;}
.operation li > div > span {display:block; padding-top:80px; font-family: hyundailight, "현대체 Light"; line-height:25px}
.operation li > p {text-align:center; padding-top: 30px;}
.operation li > p span {display:none;}

@media screen and (max-width:800px) {
	.operation li > div {width:170px; height:170px; font-size:17px;}
	.operation li > div > span {padding-top:60px;}
	.operation li > p {padding:20px; font-size:15px;}
	.operation li > p > br {display:none;}
	.operation li > p span {display:inline;}
}

@media screen and (max-width:640px) {
	.operation li > div {width:120px; height:120px; font-size:15px;}
	.operation li > div > span {padding-top:40px;}
	.operation li > p {font-size: 13px; word-break: keep-all;}
}

@media screen and (max-width:414px) {
	.operation li {width:100%;}
	.operation li > p > br {display:block;}
}

.esg_box:after {content:""; display:block; clear:both;}
.esg_box {position:relative; margin-bottom:50px;}
.esg_box .esg_img {float:left; width:50%;}
.esg_box .esg_txt {position:absolute; width:45%; top:10%; right:0; background-color:#f8f8f8; padding:60px;}
.esg_box .esg_txt > h4 {font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; font-size: 25px; border-bottom:1px solid #c3c3c3; padding-bottom:20px; margin-bottom:30px;}
.esg_box .esg_txt > a.go_esg {display:inline-block; background-color:#0c4da2; color:#fff; padding:8px 30px; font-size:16px; font-family: hyundaimedium, "현대체 Medium"}

@media screen and (max-width:800px) {
	.esg_box .esg_img > img {width:100%;}
	.esg_box .esg_txt {padding:30px;}
	.esg_box .esg_txt > h4 {font-size:20px; padding-bottom: 10px; margin-bottom: 20px;}
	.esg_box .esg_txt > p {font-size:14px;}
}

@media screen and (max-width:750px) {
	.esg_box .esg_img {display:none;}
	.esg_box .esg_txt {position:relative; width:auto; padding:15px;}
}

@media screen and (max-width:414px) {
	.esg_box .esg_txt > a.go_esg {font-size:13px; padding:5px 20px;}
	.esg_box .esg_txt > p {font-size:13px;}
}

/* 20220318 지속가능경영 페이지 수정 */
.details_01 h3 {color:#0c4da2; font-size:22px; font-weight:bold; margin-bottom: 10px; font-family: hyundailight, "현대체 Light"}

.r1_box {margin: 50px 0;}
.r1_box:after {content:""; display:block; clear:both;}
.r1_box .r1_txt_box {float:left; width:50%;}
.r1_box .r1_txt_box > h3 {color: #0c4da2; font-size: 23px; font-weight: bold; margin-bottom: 10px; font-family: hyundailight, "현대체 Light"}
.r1_box .r1_txt_box > p {margin-bottom:40px;}
.r1_box .r1_txt_box > ul > li {color: #121212; margin-bottom: 5px; font-size:17px;}
.r1_box .r1_img_box {float:right; width:40%; text-align:center;}

@media screen and (max-width:980px) {
	.r1_box .r1_img_box > p > img {width:100%;}
}

@media screen and (max-width:750px) {
	.r1_box .r1_txt_box {width:100%;}
	.r1_box .r1_txt_box > p, .r1_box .r1_txt_box > ul {margin-bottom:15px;}
	.r1_box .r1_txt_box > ul > li {font-size:15px;}
	.r1_box .r1_img_box {width:100%; float:left;}
	.r1_box .r1_img_box > p {width:60%; margin:0 auto;}
}

/* 20220329 환경 경영 보고서 페이지 수정 */
.report_cont .cnt_tit .hd3_stxt {font-size:17px;}
.report_cont .report_cont_txt {margin-top:40px; line-height: 28px;}
.report_cont .panel_menu {margin-bottom:80px;}

/* 그룹 50년사 */
	.group_all{display:flex; margin:0 auto; margin-left:-3%;}
	.group_50 {width:33.3333%; text-align:center;}
	.group_50 .group_tit {font-weight:500; font-size:27px; font-family: hyundaimedium, "현대체 Medium"}
	.group_50 .tit_line {width:77%; height:5px; background-color:#f6ab00; display:inline-block; margin-top:-20px; margin-bottom:20px;}
	.group_50 .btn{margin-top:20px;}
	.group_50 .img img{width:273px; height:370px;}

@media screen and (max-width:900px) {
	.group_all {margin-left:-3%;}
	.group_50 .img img{width:250px; height:320px;}
}
@media screen and (max-width:800px) {
	.group_all {margin-left:-3%;}
	.group_50 .img img{width:230px; height:310px;}
}
@media screen and (max-width:750px) {
	.group_all {margin-left:-3%;}
	.group_50 .img img{width:210px; height:300px;}
}
@media screen and (max-width:700px) {
	.group_all {width:100%; margin-left:-2%;}
	.group_50 .group_tit {font-size:20px;}
	.group_50 .img img{width:180px; height:240px;}
}
@media screen and (max-width:650px) {
	.group_all {width:100%; margin-left:-3%;}
	.group_50 .img img{width:180px; height:240px;}
	.group_50 .group_tit {font-size:18px;}
}
@media screen and (max-width:600px) {
	.group_50 .img img{width:160px; height:220px;}
}
@media screen and (max-width:550px){
	.group_all{display:block;}
	.group_50 {width:100%;}
	.group_50 .img img{margin-top:-10px; width:280px; height:370px;}
	.group_50 .group_tit {font-size:22px; margin-bottom:-5px; font-weight:bold;}
	.group_50 .tit_line {width:62%;}
	.group_50 .btn{margin-top:0px; margin-bottom:30px;}

}


/* 221018통합보고서 수정 */
.list_gallery .main_report{display:flex;}
.list_gallery .main_report:nth-child(1) li{width:50%; margin-left:auto; margin-right:auto}
.list_gallery .main_report:nth-child(2) li{width:50%;}
.list_gallery .main_report li a img{width:430px; height:310px;}
.list_gallery .main_report .report_btn{width:95px; height:35px; line-height:35px; margin:10px 72%; cursor:pointer; background-color:#0e60bf; color:#fff;}

@media only screen and (max-width:1100px) {
.list_gallery .main_report li{}
.list_gallery .main_report .report_btn{margin:10px 65%;}
.list_gallery .main_report li a img{width:350px; height:280px;}
.list_gallery .toggle_report li{ margin-left:60px;}
}

@media only screen and (max-width:850px) {
.list_gallery .main_report li{}
.list_gallery .main_report .report_btn{margin:10px 70%;}
.list_gallery .main_report li a img{width:350px; height:250px;}
}

@media only screen and (max-width:750px){
.list_gallery .main_report {flex-wrap:wrap;}
.list_gallery .main_report li:nth-child(1){margin-top:-10px; margin-bottom:40px}
.list_gallery .main_report li{width:80%; margin-left:23%;}
.list_gallery .toggle_report li{ margin-left:0px;}
}

@media only screen and (max-width:650px){
.list_gallery .main_report:nth-child(1) li{width:100%;}
.list_gallery .main_report li{width:80%; margin-left:0%;}
.list_gallery .main_report .report_btn{margin:10px 64%;}
.list_gallery .main_report li a img{height:250px;}
}

@media only screen and (max-width:550px){
.list_gallery .main_report .report_btn{margin:10px 65%;}
.list_gallery .main_report li a img{height:250px;}
}

@media only screen and (max-width:500px){
.list_gallery .main_report .report_btn{margin:10px 65%;}
.list_gallery .main_report li a img{height:260px;}
}

@media only screen and (max-width:480px){
.list_gallery .main_report .report_btn{margin:10px auto;}
.list_gallery .main_report li a img{height:250px;}
}


/* 20230118 가치체계 페이지 */

.cnt_vision1 { margin: 40px 0; text-align: center }
.cnt_vision1 img { max-width: 100%; margin-top:30px}
.cnt_vision2 { display:none }


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

.cnt_vision1 {display:none;}
.cnt_vision2 { display:block; max-width: 100%; margin-top:50px; margin-left:20px; } 
.cnt_vision2 img {max-width: 90%; } 
}


/* 2023 04 05 개인정보처리방침 */


.cnt_tit_cm {position: relative; display: flex; justify-content: space-between; padding-top:30px;}
.cnt_tit_cm .hd3 { color: #0c4da2; font-size: 32px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 ;}
.cnt_tit_cm .hd3_stxt { font-size: 20px; }
.cnt_tit_cm .hd3_stxt.ls { letter-spacing:-0.8px; }

.cnt_tit_cm .site_link .tit {display:inline-block;background:#0e60bf url('/images/common/ico_arrdown.png') right 10px top 12px no-repeat; height:35px; width:250px; line-height:24px; font-size:13.5px; color:#fff; box-sizing:border-box; padding:0 15px; vertical-align:top; text-align:left; font-family:'Noto Sans KR';}
.cnt_tit_cm .site_link .cont {background: #0e60bf; text-align: left; transition: all 0.3s ease-out; width: 250px; position: absolute; top: 35px; right: 0;}

.cnt_tit_cm .site_link .cont > ul > li > a { display: block; color: #fff; font-size: 13.5px; padding: 3px 5px 3px 10px; border-bottom: 1px solid rgba(255,255,255,0.2);}


.cnt_tit_md {position: relative; display: flex; justify-content: space-between; padding-top:30px;}
.cnt_tit_md .hd3 { color: #0c4da2; font-size: 32px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 ;}
.cnt_tit_md .hd3_stxt { font-size: 20px; }
.cnt_tit_md .hd3_stxt.ls { letter-spacing:-0.8px; }

.cnt_tit_md .site_link .tit {display:inline-block;background:#0e60bf url('/images/common/ico_arrdown.png') right 10px top 12px no-repeat; height:35px; width:310px; line-height:24px; font-size:12.8px; letter-spacing:-0.3px; color:#fff; box-sizing:border-box; padding:0 15px; vertical-align:top; text-align:left; font-family:'Noto Sans KR';}
.cnt_tit_md .site_link .cont {background: #0e60bf; text-align: left; transition: all 0.3s ease-out; width: 310px; position: absolute; top: 35px; right: 0;}

.cnt_tit_md .site_link .cont > ul > li > a { display: block; color: #fff; font-size: 13.5px; padding: 3px 5px 3px 10px; border-bottom: 1px solid rgba(255,255,255,0.2);}




@media only screen and (max-width:1024px){
.cnt_tit_cm .site_link {padding-top:5px}
.cnt_tit_md .site_link {padding-top:5px}
}

@media only screen and (max-width:700px) {
.cnt_tit_cm .site_link .tit {width:230px; font-size:13px}
.cnt_tit_md .site_link .tit {font-size:13px}
}

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

.cnt_tit_cm {display:block; padding-bottom:60px}
.cnt_tit_cm .site_link {float:left; margin-top:5px}

.cnt_tit_cm .site_link .cont {width: 230px; position: absolute; top: 35px; left:0;}

.cnt_tit_md {display:block; padding-bottom:60px}
.cnt_tit_md .site_link {float:left; margin-top:5px}

.cnt_tit_md .site_link .cont {position: absolute; top: 35px; left:0;}

}

@media only screen and (max-width:350px) {
.cnt_tit_md .site_link .tit {font-size:12px; width:270px; padding:0px 7px;}
.cnt_tit_md .site_link .cont {width:270px}

}



/* 2023 06 01 안전보건환경 분쟁광물 탭 */

.cnt_section .panel_menu_mg { margin-top: 50px; }
.cnt_section .panel_menu_mg:after { display: block; content: ''; clear: both; height: 0 }
.cnt_section .panel_menu_mg li { float: left; }
.cnt_section .panel_menu_mg 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_mg li.n_line a { border-left: 0; border-right: 0 }
.cnt_section .panel_menu_mg li.n_lineleft a { border-left: 0 }
.cnt_section .panel_menu_mg li.n_lineright a { border-right: 0 }
.cnt_section .panel_menu_mg li a.on {line-height: 2.55; background: #0e60bf; border-bottom: 0; color:#fff }

.cnt_section .list2_1 li { width: 49.7%; display:none}
.cnt_section .list4_1 li { width: 24.88%; }


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

.cnt_section .list2_1 li { width: 49.7%; display:block}
.cnt_section .list4_1 li { width: 24.88%; display:none }


}

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

.cnt_section .panel_menu_mg .n_st {float:right; position:relative; top:-62px; left:-5px}

}

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

.cnt_section .panel_menu_mg li a {font-size:15px}
.cnt_section .panel_menu_mg .n_st {top:-40px; left:-2px}



}



/* 2023 06 20 지속가능경영 > 지속가능한 공급망 */

.mrg_bg04 { padding-bottom: 20px; background: url(/images/management/mg_declaration_kor.jpg) no-repeat 95% 30%;}

.mrg_bg09 .declaration_box {align-items:center; position:absolute; right:-50px; width:38%; top:550px}
.mrg_bg09 .declaration_box span {display:inline-block; margin-right:32px;}
.mrg_bg09 .declaration_box strong {display:block; margin-bottom:10px; font-weight:normal; color:#111; letter-spacing:-0.8px; font-size:16px; line-height:145%; margin-top:10px; margin-left:65px;  font-family: hyundaimedium, "현대체 Medium"}
.mrg_bg09 .declaration_box .brc_btn .btn_blue {font-family: hyundaimedium, "현대체 Medium"; display: block; margin: 10px 40px; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 15px; line-height: 1.4;   }

@media screen and (max-width:1300px){
.mrg_bg09 .declaration_box  {position:static; margin-left:35%}
.mrg_bg09 .declaration_box strong {width:100%}
}

@media screen and (max-width:800px) {
	.mrg_bg09 .declaration_box {background-size:480px}
}
@media screen and (max-width:640px) {
	.mrg_bg09 .declaration_box {margin-top:25px;}
}
@media screen and (max-width:480px) {
	.mrg_bg09 .declaration_box {margin-left:20%}
	.mrg_bg09 .declaration_box span {margin-right:18px;}
	.mrg_bg09 .declaration_box span img {width:250px;}
	.mrg_bg09 .declaration_box strong {margin-bottom:20px;}
	.mrg_bg09 .declaration_box .brc_btn .btn_blue {padding:10px 15px; text-align:left; margin: 10px 60px;}
}


/* 2023 09 21 지속가능경영 > 지속가능한 공급망 정책 */


.mrg_bg09 .declaration_box_1 {align-items:center; position:absolute; right:-50px; width:38%; top:550px}
.mrg_bg09 .declaration_box_1 span {display:inline-block; margin-right:32px;}
.mrg_bg09 .declaration_box_1 strong {display:block; margin-bottom:10px; font-weight:normal; color:#111; letter-spacing:-0.8px; font-size:16px; line-height:160%; margin-top:10px; margin-left:60px; font-family: hyundaimedium, "현대체 Medium"}
.mrg_bg09 .declaration_box_1 .brc_btn .btn_blue { display: block; margin: 10px 40px; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 16px; line-height: 1.4;  font-family: hyundaimedium, "현대체 Medium" }

@media screen and (max-width:1300px){
.mrg_bg09 .declaration_box_1  {position:static; margin-left:35%}
.mrg_bg09 .declaration_box_1 strong {width:100%}
}

@media screen and (max-width:800px) {
	.mrg_bg09 .declaration_box_1 {background-size:480px}
}
@media screen and (max-width:640px) {
	.mrg_bg09 .declaration_box_1 {margin-top:25px;}

		.cnt_section .list3_1 li a {font-size:95%;}
	.cnt_section .list3_1 li a.on {font-size:95%;}
}

@media screen and (max-width:480px) {
	.mrg_bg09 .declaration_box_1 {margin-left:20%}
	.mrg_bg09 .declaration_box_1 span {margin-right:18px;}
	.mrg_bg09 .declaration_box_1 span img {width:250px;}
	.mrg_bg09 .declaration_box_1 strong {margin-bottom:20px;}
	.mrg_bg09 .declaration_box_1 .brc_btn .btn_blue {padding:10px 15px; text-align:left; margin: 10px 60px;}
}



@media screen and (max-width:440px) {
	.cnt_section .list3_1 li a {font-size:80%;}
	.cnt_section .list3_1 li a.on {font-size:80%;}

	.mrg_bg09 .declaration_box_1 strong {width:130%}
}

@media screen and (max-width:630px) {
	.cnt_section .list3_1 li a {font-size:75%;}
}


/* 20231115 지속가능경영 > 안전·보건·환경 페이지 */


.mglist_box_2 { margin: 50px 10px  }
.mglist_box_2 dl { display:table; width:100%; background: #f6f6f6;}
.mglist_box_2 dl:last-child {border-right:none;}
.mglist_box_2 dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box_2 dl dt, .mglist_box dl dd { display:table-cell;height:100%;}
.mglist_box_2 dl dt { width: 15%; background: #0c4da2; color: #fff; text-align: center; vertical-align:middle; font-family: hyundaimedium, "현대체 Medium"; font-size:17px }
.mglist_box_2 dl dd { width: 95%; padding-top: 20px;padding-left:20px; }
.mglist_box_2 dl dt .break { display: block }

.mglist_box_2 dl dd ul {display:flex;}
.mglist_box_2 dl dd ul li { margin-bottom: 20px; padding-left: 10px; margin-left:20px; background: url(/images/common/dot_blue.gif) no-repeat 0 9px; }
.mglist_box_2 dl dd ul li  .break_pd { display: block;  }
.mglist_box_2 dl dd ul li  .break_pd:before { content: "-"; padding-right: 10px; }

.mglist_box_2 .dltbl_table {background-color:#fff; display:flex;}
.mglist_box_2 .dltbl_table dt { width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size:17px; display:flex; padding:5px; padding-left:60px;}
.mglist_box_2 .dltbl_table .box_4 {width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size:17px; display:flex; padding:5px; padding-left:40px;}
.mglist_box_2 .dltbl_table dd { width: 100%; padding-top: 20px; padding-left:20px; word-break:break-all;}

.mglist_box_2 .dltbl_table dd ul {display:block; padding-top:20px; padding-left:10px;}

.mglist_box_2 .mglist_d101 {border-right:none;}

.dltbl_table .dltbl_box {  border-right:1px solid #0c4da2;}

.mglist_box_2 .mglist_dl02 {margin-top:20px; }
.mglist_box_2 .mglist_dl02:last-child {border-right:none;}
.mglist_box_2 .mglist_dl02 dd {padding-left:0px; padding-top:0px; width:225px; }
.mglist_box_2 .mglist_d102 dd ul li {background-color:#000;}


@media screen and (max-width:1200px) {
.mglist_box_2 .mglist_dl02 dd {width:100%}
}


@media screen and (max-width:900px){
	.mglist_box_2 .dltbl_table dt, .mglist_box_2 .dltbl_table .box_4 {min-height:30px; padding-top:10px;}
	.mglist_box_2 .dltbl_table dt {padding-left:30px;}
	.mglist_box_2 .dltbl_table .box_4 {padding-left:20px;}


}


@media screen and (max-width:640px)
{
.cnt_section .list4 li, .cnt_section .list4_3 li {width:48%;
margin-right:5px;
padding-top:5px;}

.cnt_section .list4_3 li:nth-child(3) a { position: absolute; top: 600px; width: 45%; left:4%;}
.cnt_section .list4_3 li:last-child a { position: absolute; top: 600px; width: 45%; right:4%;}

}

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

.mglist_box_2 .dltbl_table dt {height:50px; font-size:16px; padding-left:10px;}
.mglist_box_2 .dltbl_table .box_4 {padding-left:0px;}

.mglist_box_2 dl dt {width:500px; border-bottom:1px solid #fff}

.mglist_box_2 dl dt .break {height:20px; padding:10px 0px;}
.mglist_box dl dd {width:400px;}
.mglist_box_2 dl { display:block }
.mglist_box_2 dl dd {padding-left:0px;}

.mglist_box_2 dl dd ul li {margin-left:5px; font-size:14px;}



}

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

.mglist_box_2 {margin :30px 10px;}

.mglist_dl02 .dltbl_table dl dd ul li {margin-left:0px; padding-right:3px;}
.mglist_box_2 dl dd ul li {font-size:13px;}
}



/* 2023 12 19 지속가능경영 페이지 리뉴얼 */

.details_01_1 {text-align:center;}
.details_01_1 h3, .details_02 h3 {color:#0c4da2; font-size:22px; font-weight:bold; margin-bottom: 10px; font-family: hyundailight, "현대체 Light"; padding-top:10px;}
.details_03 h3  {color:#0c4da2; font-size:24px; font-weight:bold; margin-bottom: 10px; font-family: hyundailight, "현대체 Light"; padding-top:10px;}

.prg_box_mg { margin: 60px 0; text-align:center; }
.prg_box_mg .prg_txt { margin-bottom: 40px; }
.prg_box_mg .prg_txt dt { width: 50%; padding: 5px 15px; color: #fff; font-size: 20px; background: #0c4da2; font-family: hyundaimedium, "현대체 Medium" ; padding-top:6px}
.prg_box_mg .prg_txt dd { width: 95%; padding: 15px 0 0 22px; font-size: 16px; background: url(/images/common/dot_blue.gif) no-repeat 10px 23px; }

.prg_box_mg .esg_slogan {text-align:center; margin-bottom:30px; margin-top:30px;}
.prg_box_mg .esg_slogan li { margin-bottom:50px;}
.prg_box_mg .esg_slogan li span {font-size:25px;}
.prg_box_mg .esg_slogan li span:after { content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 995px; right:57%;}
.prg_box_mg .esg_slogan li p:before {content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 995px; left:57%}  
.prg_box_mg .esg_slogan li p {background-color:#0e60bf; width: 80%; padding:10px; margin:0 auto; color:#fff; border-radius:15px; margin-top:10px;}
.prg_box_mg .esg_slogan li:nth-child(1) p {border-radius : 10px;} 


.prg_box_mg .esg_slogan li:nth-child(2) span:after  { content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 1140px; right:56%;}
.prg_box_mg .esg_slogan li:nth-child(2) p:before {content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 1140px; left:56%}  


.prg_box_mg .esg_table {width:100%; margin:0 auto; text-align:center; padding-top:40px; display:flex; margin-left:10%}
.prg_box_mg .esg_table {}
.prg_box_mg .txt {font-size:25px; }
.prg_box_mg .txt:after { content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 1310px; right:57%;}
.prg_box_mg .esg_table:before {content: '';  width: 200px; background: #d0d0d0; height: 1px; position: absolute; display: block; top: 1310px; left:56%;}
.prg_box_mg .esg_table p {background-color:#fff; margin-bottom:0px; padding-top:15px; padding-bottom:15px; }
.prg_box_mg .esg_table li { width:25%; margin-right:35px; border: 1px solid #d0d0d0; background-color:#e8f3f9; padding-top:5px;}
.prg_box_mg .esg_table li:nth-child(3) {margin-right:0px;}
.prg_box_mg .esg_table li:nth-child(1) p:before {}
.prg_box_mg .esg_table li p {background-color:#fff; padding:10px; margin-bottom:0px;}

.egs_table .img_1 img {display:block; width:100%}
.egs_table .img_2 img {display:none;}


/*
.cnt_section .esg_table {display:flex; width:100%; margin:0 auto}
.cnt_section .esg_table .p1 {margin-bottom:100px;  margin-right:20%;}
.cnt_section .esg_table .p1 .tit_box, .cnt_section .esg_table .p2 .tit_box {margin-bottom:20px;} 
.cnt_section .esg_table .p1 .tit_box .tit {background-color:#a2aab1; color:#fff; padding:10px 40px; min-height:30px; }
.cnt_section .esg_table .p1 li {text-align:center; padding-bottom:50px;}
.cnt_section .esg_table .p1 li p {background-color:#eaedef; padding:0px 10px; color:#007732; min-height:60px; padding-top:15px; padding-bottom:10px;}
.cnt_section .esg_table .p1 li:nth-child(3) p {background-color:#eaedef; padding:0px 10px; color:#007732; padding-top:30px; padding-bottom:30px; min-height:0px;}

.cnt_section .esg_table .p2 .tit_box .tit {background-color:#007732; color:#fff;  padding:10px 40px;  }
.cnt_section .esg_table .p2 li {text-align:center; padding-bottom:50px;}
.cnt_section .esg_table .p2 li p {background-color:#e1ece2; color:#007732; padding:0px 10px; min-height:60px; padding-top:20px; padding-bottom:3px;}
.cnt_section .esg_table .p2 li .b {}

.cnt_section .esg_table .p2 li:nth-child(4) {text-align:center; position:absolute; top:1450px; right:28%}
.cnt_section .esg_table .p2 li:first-child p  {padding:0px; padding-top:15px; padding-bottom:15px;}
.cnt_section .esg_table .p2 li:nth-child(4) p {background-color:#eaedef; padding:10px 30px;}
*/


.cnt_tit_mg .hd3 { color: #0c4da2; font-size: 31px; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 ; padding-top:30px; margin-bottom:20px;}
.cnt_tit_mg .hd3_stxt { font-size: 20.5px; font-family: hyundaimedium, "현대체 Medium";}
.cnt_tit_mg .hd3_stxt.ls { margin-bottom:30px; }
.cnt { margin:0 10px; font-size: 16.5px; }
.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; font-size: 32px; color: #0c4da2; line-height: 1.5 }
.cnt_tit2 .hd3_stxt { font-size: 28px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}
.cnt_tit3 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium",; line-height: 1.5 }
.cnt_tit3 .hd3_stxt { font-size: 20px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}
.cnt_tit4 .hd3 { font-size: 32px; color: #0c4da2; font-family: hyundaimedium, "현대체 Medium"; line-height: 1.5 }
.cnt_tit4 .hd3_stxt { font-size: 20px; line-height: 1.2; font-family: hyundaimedium, "현대체 Medium"}

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

.list_gallery_mg { margin: 0; text-align: center; margin-left:20px;}
.list_gallery_mg:after { display: block; content: ''; clear: both; height: 0; }
.list_gallery_mg .ci_list img { max-width: 80%; border:1px solid #cdcdcd; padding:30px; margin-bottom:20px;}
.list_gallery_mg .ci_list li { float: left; margin-bottom: 50px; width: 30%; margin-right:40px; margin-top:20px;}
.list_gallery_mg .ci_list li:nth-child(3) {margin-right:0px;}
.list_gallery_mg .ci_list li .gall_tit {font-size: 20px;  line-height: 1.5; display:block}
.list_gallery_mg .ci_list li .gall_txt {font-size: 14px;  line-height: 1.5; display:block}
.list_gallery_mg p.gallery_btn_list { width: 100%; margin: 0; padding: 0; }



/* 미디어 쿼리 시작 */


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

.prg_box_mg .esg_slogan li p:before {}


}


@media screen and (max-width:1025px) {
.prg_box_mg .esg_slogan li span:after {top:830px; width:15%; right:63% }
.prg_box_mg .esg_slogan li p:before {top:830px; width:15%; left:65%}  
.prg_box_mg .esg_slogan li:nth-child(2) span:after {top:970px; width:15%; right:60%}  
.prg_box_mg .esg_slogan li:nth-child(2) p:before {top:970px; width:15%; left:63%}  
.prg_box_mg .txt:after {top:1140px; width:15%; right:60%}
.prg_box_mg .esg_table:before {top:1140px; width:15%; left:63%}

}


@media screen and (max-width:800px) {
.prg_box_mg .esg_slogan li span:after, .prg_box_mg .esg_slogan li p:before, .prg_box_mg .esg_slogan li:nth-child(2) span:after, .prg_box_mg .esg_slogan li:nth-child(2) p:before, .prg_box_mg .txt:after, .prg_box_mg .esg_table:before {display:none}
.prg_box_mg .esg_slogan li { margin-bottom:40px;}

.prg_box_mg .esg_table {display:block; padding-top:20px;}
.prg_box_mg .esg_table li  {width:80%; margin-bottom:20px;}

}


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

.cnt_section .list3_2 li { width: 33.333%;}
.cnt_section .list3_2 li a {font-size:17px;}

.prg_box_mg .esg_slogan li p {font-size:15px; border-radius:15px;}

.prg_box_mg .esg_slogan li:nth-child(1) p {border-radius:10px;}

.list_gallery_mg {margin-left:0px; margin:5px;}
.list_gallery_mg .ci_list li {margin-bottom: 30px; width: 100%; margin-right:0px;}

.egs_table .img_1 img {display:none;}
.egs_table .img_2 img {display:block; width:100%}


}

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

.cnt_section .list3_2 {margin-bottom:30px; margin-top:-10px;}
.cnt_section .list3_2 li { width: 95%; float:none; margin-bottom:5px; margin-left:2%}

}

/*
.cnt_section .list3_2 li {margin-bottom:30px;}
.cnt_section .list3_2 li a {font-size:15px;}
.cnt_section .list3_2 li:nth-child(1) a, .cnt_section .list3_2 li:nth-child(2) a {padding-top:13px; padding-bottom:13px;}
 .cnt_section .list3_2 li:nth-child(3) a {line-height:1.7; padding-top:4px; padding-bottom:4px;} /*
}


/* 20231115 지속가능경영 > 안전·보건·환경 페이지 */


.mglist_box_2 { margin: 50px 10px  }
.mglist_box_2 dl { display:table; width:100%; background: #f6f6f6; }
.mglist_box_2 dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box_2 dl dt, .mglist_box dl dd { display:table-cell;height:100%;}
.mglist_box_2 dl dt { width: 15%; background: #0c4da2; color: #fff; text-align: center; vertical-align:middle; font-family: hyundaimedium, "현대체 Medium"; font-size:17px }
.mglist_box_2 dl dd { width: 95%; padding-top: 20px;padding-left:20px; }
.mglist_box_2 dl dt .break { display: block }

.mglist_box_2 dl dd ul {display:flex;}
.mglist_box_2 dl dd ul li { margin-bottom: 20px; padding-left: 10px; margin-left:20px; background: url(/images/common/dot_blue.gif) no-repeat 0 9px; }
.mglist_box_2 dl dd ul li  .break_pd { display: block;  }
.mglist_box_2 dl dd ul li  .break_pd:before { content: "-"; padding-right: 10px; }

.mglist_box_2 .dltbl_table {background-color:#fff; display:flex;}
.mglist_box_2 .dltbl_table dt { width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size:17px; display:flex; padding:5px; padding-left:60px;}
.mglist_box_2 .dltbl_table .box_4 {width: auto; background: #0c4da2; color: #fff; text-align: center; font-family: hyundaimedium, "현대체 Medium"; font-size:17px; display:flex; padding:5px; padding-left:40px;}
.mglist_box_2 .dltbl_table dd { width: 100%; padding-top: 20px; padding-left:20px; word-break:break-all;}

.mglist_box_2 .dltbl_table dd ul {display:block; padding-top:20px; padding-left:10px;}

.mglist_box_2 .mglist_dl02 {margin-top:20px;}
.mglist_box_2 .mglist_dl02 dd {padding-left:0px; padding-top:0px; width:225px;}
.mglist_box_2 .mglist_d102 dd ul li {background-color:#000}


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

.mglist_box_2 .mglist_dl02 dd {width:100%}
}


@media screen and (max-width:900px){
	.mglist_box_2 .dltbl_table dt, .mglist_box_2 .dltbl_table .box_4 {min-height:30px; padding-top:10px;}
	.mglist_box_2 .dltbl_table dt {padding-left:30px;}
	.mglist_box_2 .dltbl_table .box_4 {padding-left:20px;}
}


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

.cnt_section .list4 li, .cnt_section .list4_3 li {width:48%; margin-right:5px; padding-top:5px;}

.cnt_section .list4_3 li:nth-child(3) { position: absolute; top: 491px; width: 45%;}

}


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

.mglist_box_2 .dltbl_table dt {height:50px; font-size:16px; padding-left:10px;}
.mglist_box_2 .dltbl_table .box_4 {padding-left:0px;}

.mglist_box_2 dl dt {width:500px; border-bottom:1px solid #fff}

.mglist_box_2 dl dt .break {height:20px; padding:10px 0px;}
.mglist_box dl dd {width:400px;}
.mglist_box_2 dl { display:block }
.mglist_box_2 dl dd {padding-left:0px;}

.mglist_box_2 dl dd ul li {margin-left:5px; font-size:14px;}

.mglist_box_2 {margin :30px 10px;}

.mglist_dl02 .dltbl_table dl dd ul li {margin-left:0px; padding-right:3px;}
.mglist_box_2 dl dd ul li {font-size:13px;}

}



/* 2024 01 25 녹색채권 페이지 */

.cnt .green_box {display:flex; align-items:center; margin: 0; text-align: center;}
.cnt .green_box .gall_items2 {display:flex; margin-right:32px; background:#fff;  background:url('/images/management/manage_bg07.jpg') 100% 100% no-repeat; background-position:100% 90% }
.cnt .green_box .gall_items2 li {float: left; margin: 5px; margin-bottom: 50px; width: 21%;}

.cnt .green_box .gall_items2 li img {border : 1px solid #d0d0d0; max-width: 100%;  }
.cnt .green_box .gall_items2 li .green_tit {margin-top:20px;}
.cnt .green_box .gall_items2 li .green_txt {line-height:15px; font-size:14px; margin-top:-10px;}
.cnt .green_box .gall_items2 li:nth-child(1) .green_txt {line-height:16px; font-size:15px; margin-top:-12px;}
.cnt .green_box .gall_items2 li .gallery_btn_list .gallery_btn {}
.cnt .green_box .gall_items2 li .gallery_btn_list .gallery_btn a {display: inline-block; b margin: 10px 3px;padding: 6px 12px;background: #778288; color: #fff; text-align: center; font-size: 13px; line-height: 1.3; font-family: hyundaimedium, "현대체 Medium"; padding-top: 7px; }

@media screen and (max-width:800px) {
.cnt .green_box .gall_items2 {display:block; background:none;}
.cnt .green_box .gall_items2 li {width: 40%; margin-left:5%}

}


@media screen and (max-width:500px) {
.cnt .green_box .gall_items2 li {width: 80%; margin-left:12%}

}


/* 2024 03 13 이사회 */

.table_txt {margin-top:20px}

.table_plus {margin-top:50px;}
.table_plus .tit {font-weight: 700;}
.table_plus .txt {margin-top:-15px}
.table_plus ul {}
.table_plus ul .num_1 {font-weight: 700; margin-top:10px;}
.table_plus ul .num_1 ul {}
.table_plus ul .num_1 ul .num_2 {}

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


	.table_plus, .table_txt {font-size:95%}
	.table_plus ul {font-size:95%;}
	.table_plus ul .num_1 {margin-top:15px;}
}


/*
.list_gallery .gall_items li, .list_gallery .gall_items2 li { float: left; margin: 5px; margin-bottom: 50px; width: 24%; }
.list_gallery .gall_items li .gall_tit, .list_gallery .gall_items2 li .gall_tit { display: block; font-size: 14px;  line-height: 1.5; }
.list_gallery p.gallery_btn_list { width: 100%; margin: 0; padding: 0; }

.list_gallery span.gallery_btn a { float: center; display: inline-block; margin: 10px 3px; padding: 6px 12px; background: #778288; color: #fff; text-align: center; font-size: 13px; line-height: 1.3 ; font-family: hyundaimedium, "현대체 Medium"; padding-top:7px}



.mrg_bg07 > .green_box strong {display:block; margin-bottom:30px; font-weight:normal; color:#111; letter-spacing:-0.8px; font-size:16px; line-height:160%;}
.mrg_bg07 > .green_box .brc_btn .btn_blue { display: block; margin: 5px 0; padding: 10px 60px 10px 10px; background: #0c4da2 url(/images/common/btn_bg_down.png) no-repeat 90% 50%; color: #fff; text-align: center; font-size: 16px; line-height: 1.4; font-family: hyundaimedium, "현대체 Medium"  }
@media screen and (max-width:800px) {
	.mrg_bg07 .green_box {background-size:480px}
}
@media screen and (max-width:640px) {
	.mrg_bg07 .green_box {margin-top:25px;}
}
@media screen and (max-width:480px) {
	.mrg_bg07 .green_box span {margin-right:18px;}
	.mrg_bg07 .green_box span img {width:150px;}
	.mrg_bg07 .green_box strong {margin-bottom:20px;}
	.mrg_bg07 .green_box .brc_btn .btn_blue {padding:10px 15px; text-align:left;}
}

*/

.mglist_box_q { margin: 50px 10px  }


.mglist_box_q dl { display:table; width:100%; margin-bottom: 20px;  background: #f6f6f6; }
.mglist_box_q dl:after { display: block; content: ''; clear: both; height: 0; }
.mglist_box_q dl dt, .mglist_box_q dl dd { display:table-cell;height:100%;}
.mglist_box_q dl dt { width: 20%; background: #0c4da2; color: #fff; text-align: center; vertical-align:middle; font-family: hyundaimedium, "현대체 Medium"; font-size:17px; height:60px;}
.mglist_box_q dl dd { width: 80%; padding:20px; padding-top:30px; word-break:keep-all; height:60px;}
.mglist_box_q dl:nth-child(2) dd, .mglist_box_q dl:nth-child(3) dd {padding-top:40px; padding-bottom:10px;}
.mglist_box_q dl dt .break { display: block; padding:15px 0; }

.mglist_box_q dl dd ul li { margin-bottom: 10px; padding-left: 10px; background: url(/images/common/dot_blue.gif) no-repeat 0 9px; }
.mglist_box_q dl dd ul li  .break_pd { display: block;  }
.mglist_box_q dl dd ul li  .break_pd:before { content: "-"; padding-right: 10px; }


.ctf_box_1 { margin: 20px 10px; font-size: 18px;  }

.ctf_box_1 .top{margin-bottom:50px;}
.ctf_box_1 .bottom {position:relative; left:15%}

.ctf_box_1 .tit_blue { color: #0c4da2; font-size: 1.3em; line-height: 1.5;  }
.ctf_box_1 .tit_blue .txt_gray { color: #777; }
.ctf_box_1 p { display: inline-block; width: 30%; margin: 20px 5px 0 5px; text-align: center; }
.ctf_box_1 p img { max-width: 100%; }

.ctf_box_1 p span { display: block; font-size: 15px;  margin-top:10px}
.ctf_box_1 .tit {margin-bottom:-7px; font-size:16px; }
.ctf_box_1 .txt {font-size:13px;}


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

.mglist_box_q { margin: 30px 0  }
.mglist_box_q dl { margin-bottom: 10px }
.mglist_box_q dl dt { width: 16%; }
.mglist_box_q dl dd { width: 73%; padding-top: 10px  }
.mglist_box_q dl.mglist_dl01 { height: 70px; }
.mglist_box_q dl.mglist_dl02 { height: 250px; }
.mglist_box_q dl.mglist_dl03 { height: 100px; }
.mglist_box_q dl.mglist_dl01 dt { height: 60px; padding-top: 10px }
.mglist_box_q dl.mglist_dl02 dt { height: 170px; padding-top: 80px }
.mglist_box_q dl.mglist_dl03 dt { height: 70px; padding-top: 30px }
.mglist_box_q dl dd ul li { margin-bottom: 5px; }

.mglist_box_q dl { background: none;display:block; }
.mglist_box_q dl dt, .mglist_box_q dl dd { float: none;display:block;}
.mglist_box_q dl dt { margin-right: 0; padding: 5px 0; width: auto }
.mglist_box_q dl:nth-child(2) dd, .mglist_box_q dl:nth-child(3) dd {padding-top:10px; padding-bottom:10px; }
.mglist_box_q dl dd { width: auto; padding: 10px 20px 10px 10px; font-size: 14px; border: 1px solid #e8e8e8 }

.mglist_box_q dl.mglist_dl01, .mglist_box_q dl.mglist_dl02, .mglist_box_q dl.mglist_dl03 { height: auto }
.mglist_box_q dl.mglist_dl01 dt, .mglist_box_q dl.mglist_dl02 dt, .mglist_box_q dl.mglist_dl03 dt  { height: auto; padding-top: 5px }
.mglist_box_q dl dt span.break { display: inline }

.ctf_box_1 { margin: 20px 10px; font-size: 18px;  }
.ctf_box_1 .top{margin-bottom:0px;}
.ctf_box_1 .bottom {left: 0px;}

.ctf_box_1 .tit_blue { color: #0c4da2; font-size: 1.3em; line-height: 1.5; }
.ctf_box_1 .tit_blue .txt_gray { color: #777; }
.ctf_box_1 p { display: inline-block; width: 100%; margin-bottom:10px;}
.ctf_box_1 p img { max-width: 100%; }
.ctf_box_1 p span { display: block; font-size: 15px; margin-top:-5px}

.ctf_box_1 .tit {margin-bottom:5px; font-size:16px; }
.ctf_box_1 .txt {font-size:13px;}

}

.details_04 {display:flex; }
.details_04 p {margin-left: auto; text-align: right; margin-right:20px;}

.mg_program {display:block;  margin-left:20px; width:250px;}


/* 준법경영 */

.prg_txt .mo {display:none}
.prg_txt dd .gall_items2 {display:flex; align-items:center; margin: 0; text-align: center; background:#fff; margin-bottom:-40px;}
.prg_txt dd .gall_items2 li {float: left; margin: 5px; margin-bottom: 50px; width: 21%;}
.prg_txt dd .gall_items2 li:last-child {margin-top:5px;}

.prg_txt dd .gall_items2 li img {border : 1px solid #d0d0d0; max-width: 100%; margin-bottom:5px;}
.prg_txt dd .gall_items2 li .green_tit {}
.prg_txt dd .gall_items2 li .green_txt {line-height:15px; font-size:14px; margin-top:20px; word-break:keep-all; min-height:50px; padding-top:10px}
.prg_txt dd .gall_items2 li:last-child .green_txt {padding-top:0px}
.prg_txt dd .gall_items2 li .gallery_btn_list .gallery_btn a {display: inline-block; margin: 10px 3px; margin-top:0px; padding: 6px 12px; background: rgb(12, 77, 162); color: #fff; text-align: center; font-size: 13px; line-height: 1.3; font-family: hyundaimedium, "현대체 Medium"; padding-top: 7px; }
.prg_txt dd .gall_items2 li:last-child .gallery_btn_list .gallery_btn a {margin-top:10px}

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

.prg_txt dd .gall_items2 {display:none; background:none;}

.prg_txt .mo {display:block; padding-left:10px; background:none; margin-bottom:10px;}
.prg_txt .mo:last-child {margin-bottom:40px}
.prg_box .prg_txt a  { font-family: hyundaimedium, "현대체 Medium";  display: inline-block; color: rgb(255, 255, 255); text-align: center; margin-left: 20px; margin-top: -5px; font-size: 15px; line-height: 1.4;  padding: 5px 10px; background: rgb(12, 77, 162);  transition: background-color 0.2s ease-out; }
.mg_program {display:block; margin-left:20px;}
.prg_box .prg_txt dd .mo {background:none}

.prg_box .prg_txt dd {display:block}
.prg_box .prg_txt a {margin-top:5px; margin-bottom:5px;} 


}


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

.details_04 p {font-size:15px; margin-right:0px}

.prg_box .prg_txt a {font-size:13px;}
.prg_txt dd .gall_items2  li {width: 80%; margin-left:12%}

.prg_txt .mo {padding-left:5px}
.mg_program {font-size:15px}


}