.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", nanumgothic, "나눔고딕", dotum, "돋움"; }
.fnt_txt .sup { font-size:7px; }

#subcontainer { margin-top: 172px; margin-bottom: 50px }

.subnavi { z-index: 1000; position: fixed; top: 82px; width: 100%; background: #adb6ba; border-bottom: 1px solid #fff }
.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 }
.subnavi .snb_home { padding-left: 40px; width: 90px; background: #8a969e url(/images/common/icn_home.png) no-repeat 15px 16px }
.subnavi .snb_m01,.subnavi .snb_m02 { background:url(/images/common/icn_select.png) no-repeat }
.subnavi .snb_m01 { width: 142px; background-color: #778288;  background-position: 90% 12px }
.subnavi .snb_m02 { width: 202px; background-color: #676e71; background-position: 93% 12px }
.subnavi .snb_choice1, .subnavi .snb_choice2 { display: none;  z-index: 1000; position: absolute; top: 46px; border: 1px solid #fff; border-top: 1px solid #fff }
.subnavi .snb_choice1 { right: 222px; background: #8a969e }
.subnavi .snb_choice2 { right: -1px; background: #778288 }
.subnavi .snb_choice1 a, .subnavi .snb_choice2 a { display: block; padding: 5px 10px; color: #fff }
.subnavi .snb_choice1 a { width: 142px }
.subnavi .snb_choice2 a { width: 202px }
.subnavi .snb_choice1 a:hover { background: #6d797f }
.subnavi .snb_choice2 a:hover { background: #60696c }

.sub_top { margin: 0 auto 25px; width: 100%;  height: 350px;  color: #fff; text-align: right }
.sub_top .tit { float: right; margin: 0; padding-top: 35px; padding-right: 30px; width: 300px; height: 100px; 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 { 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; }

.about_subimg01 { background: url(/images/topsubimg/about_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.about_subimg02 { background: url(/images/topsubimg/about_subimg02.jpg) no-repeat; background-size: 100% 100%; }
.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%; }
.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%; }
.public_subimg01 { background: url(/images/topsubimg/public_subimg01.jpg) no-repeat; background-size: 100% 100%; }
.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%; }
.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%; }

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

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

.about_motto { position: relative; margin-bottom: 50px; }
h4.stitle { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #333 }
h4.btitle { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #0c4da2 }
h4.btitle span { margin-bottom: 10px; font-size: 22px; font-weight: bold; color: #777 }
p.motto { float: none; margin-bottom: 10px; padding: 20px; width: auto; height: auto; font-size: 25px; font-weight: bold; color: #0c4da2; background: #e9f6fa; border-radius: 5px }
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; }
span.song_btn a { float: right; display: inline-block; margin: 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 30px; height: 263px; width: 500px; background: url(/images/about/bg_about02_2.jpg) no-repeat 0% 0%; 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%;}
.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: 24px; font-family: hyundaimedium, "현대체 Medium", nanumgothic, "나눔고딕", dotum, "돋움"; line-height: 2.5; text-align: center }
.cnt_section .panel_menu li.n_line a { border-left: 0; border-right: 0 }
.cnt_section .panel_menu li.n_lineleft a { border-left: 0 }
.cnt_section .panel_menu li a.on { margin-top: -5px; line-height: 2.75; background: #fff; border-bottom: 0 }

.cnt_section .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 .list2 li { width: 49.7% }
.cnt_section .list3 li { width: 33.3% }
.cnt_section .list4 li { width: 24.88% }
.cnt_section .list4_2 li { width: 24.88%; }
.cnt_section .list5 li { width: 20% }
.cnt_section .list2_small li { width: 49.7% }

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

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

.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: 17px; font-weight: bold; }
.tbl_branch thead th { padding:12px 0 10px; background: #f9f9f9; border-top: 2px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;  }
.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; }
.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; }
.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; }
.bizResult table td.bottom { border-bottom: 1px solid #c3c3c3; }
.bizResult table td.last { border-right: none; }
.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; }
.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: #b5b5b5; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0c4da2; }

.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: 24%;  }
.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; }

.bgs_01 { padding-top: 12px; background: url(/images/public/bg_s02.jpg) no-repeat 95% 0; }
.pic_ap { margin-bottom: 50px; }
.pic_ap:after { display: block; content: ''; clear: both; }
.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; padding: 0 20px; 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; }

.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; height: 150px; margin-bottom: 25px; padding: 5px 30px 20px; background: #f2f6f8; border:1px solid #e2e2e2; }
.joinAgree h4 { text-align: left; margin: 25px 0 5px 0; font-size: 14px; }
.joinAgree p { margin: 5px 17px; line-height: 20px;  font-size: 14px; }

.ap_chk { margin-top: 30px; height: 60px; text-align: center; font-size:14px; }
.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 solid #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 > a { display: inline-block; margin-left: 3px; padding: 10px 20px; 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 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 }
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: Dotum, "돋움"; 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 }

.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/public/br_bg.jpg) 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; 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;   }

.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; }
.ytube_box .yt_txt .yt_details { padding: 10px; height: 342px; font-size: 13px; border: 1px solid #d8d8d8; 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 }

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

.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; }
.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: 22px; font-weight: 600; }
.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: 24px; }
.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: 155px; }
.mglist_box dl.mglist_dl02 { height: 135px; }
.mglist_box dl.mglist_dl03 { height: 190px; }
.mglist_box dl.mglist_dl01 dt { height: 100px; padding-top: 55px }
.mglist_box dl.mglist_dl02 dt { height: 90px; padding-top: 45px }
.mglist_box dl.mglist_dl03 dt { height: 120px; padding-top: 70px }
.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;  }

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

.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; }
.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: 49.5%; 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; }
.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 10px ; background: #f9f9f9; color: #333; font-size: 18px; }
.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  #subcontainer { width: 1100px; margin: 525px auto 50px auto; }

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

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

.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: 160px; height: 25px; background: url(/images/common/pclogo.png) no-repeat; background-size: cover; text-indent: -500%; overflow: hidden; white-space: nowrap; }
.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: 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:1281px) {
#subcontainer { margin: 172px auto 0;  width: 1100px; }
.sub_top { margin: 0 auto 25px; width: 1100px;  height: 350px;  color: #FFF; text-align: right; }
}


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

#subcontainer { margin: 55px auto 50px auto; 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; }
.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 { margin-bottom: 20px; }
.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%; margin-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; }
.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: 160px; height: 26px; background: url(/images/common/logo.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: 20px; line-height: 1.2 }

.sub_top { margin-bottom: 25px; height: 210px; }
.sub_top .tit { padding-top: 3%; padding-right: 3%; width: 30%; height: 32%; font-size: 28px; }
.cnt .cnt_tit2 { min-height: 228px; }
.cnt .cnt_section { margin-bottom: 30px; }
.cnt_section .panel_menu li a { font-size: 22px; line-height: 2; }
.cnt_section .m_floatnone li { width: 60%;}
.cnt_section .m_floatnone li.m_w30 { width: 40%; }
.cnt_section .list5 li a { font-size: 15px; }
.cnt p { margin: 0; }
.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%; margin-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 }
p.song { width: auto; height: 1380px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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: url(/images/public/bg_s03.jpg) no-repeat 95% 0; background-size: contain; }

.joinAgree { overflow: scroll; overflow-x: hidden; height: 150px; margin: 10px 0 25px; padding: 0 10px 15px; background: background: #f2f6f8; border:1px solid #e2e2e2; }
.joinAgree h4 { text-align: left; margin: 20px 0 5px 0; font-size: 13px; }
.joinAgree p { margin: 5px 17px; line-height: 20px;  font-size: 13px; }

.ap_tbl th { width: 100px; }
.ap_tbl .col_b { width: auto; }
.ap_tbl input.case1 { width: 10%; }
.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; }
.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 }
}


@media only screen and (max-width:769px) {
.pic_history { height: 130px; margin-bottom: 30px; }
.pic_history li.photo_list { float:left; width: 24%; margin-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; }

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


@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 { margin-bottom: 10px; }
.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%; margin-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 }
p.song { width: auto; height: 1320px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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; }

.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%; margin-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 }
p.song { width: auto; height: 1190px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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%; }
.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; }
.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; }
}


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


@media only screen and (max-width:569px) {
.line_gray { padding-bottom: 10px }
.details_01 { 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%; margin-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 { 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 }
p.song { width: auto; height: 1000px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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 }

}	


@media only screen and (max-width:481px) {
.line_gray { padding-bottom: 0 }
.details_01 { margin: 25px 0; }
.sub_top { height: 130px;  }
.sub_top .tit { width: 36%; height: 45px; font-size: 18px; }
.sub_top .tit span { font-size: 13px; }
.cnt_tit .hd3 { font-size: 25px; }
.cnt_tit .hd3_stxt { font-size: 15px; }
.cnt_tit4 .hd3 { padding-top: 30px; font-size: 25px; }
.cnt_tit4 .hd3_stxt { font-size: 15px; }
.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%; }
.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 .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 { max-width: 100%; }
.panel_cnt .sq_box dl dt { display: block;  padding-left: 15px; width:  auto; font-size: 17px; line-height: 1.5;}
.panel_cnt .sq_box dl dd ul li { font-size: 14px; letter-spacing: -1.1px; background: url("/images/common/dot_blue.gif") no-repeat 0px 10px; line-height: 1.8; }

.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 .col_a { width: 25% }
.ap_tbl .col_b { width: 80% }
.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: 0; 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: 47.4%; padding-bottom: 10px; }
.dltbl .dltbl_box dt { padding: 10px 0;  height: 43px; }
.dltbl .dltbl_box dd { padding: 15px 0 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 }
.mglist_box dl dt, .mglist_box dl dd { float: none }
.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; width: 23.5%; margin-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 .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; }

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

.joinAgree { overflow: scroll; overflow-x: hidden; height: 150px; margin: 10px 0 25px; padding: 0 10px 15px; background: #f2f6f8; border:1px solid #e2e2e2; }
.joinAgree h4 { text-align: left; margin: 20px 0 5px 0; font-size: 13px; }
.joinAgree p { margin: 5px; line-height: 17px;  font-size: 13px; }

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 }
p.song { width: auto; height: 845px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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; }
} 


@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 }
p.song { width: auto; height: 720px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain;}
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 }
}


@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 }
p.song { width: 100%; height: 650px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain; }
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%; }

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

.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 }
p.song { width: 100%; height: 550px; background: url(/images/about/song.jpg) no-repeat 0% 0%; background-size: contain; }

.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/logo.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: 10px; 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 }
}