@charset "utf-8";
/* CSS Document */

html,body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,span {margin:0;padding:0; font: normal 12px 'Dotum','돋움'; color:#333;}
ul,ol,dl {list-style:none}
caption {display:none;}
img {border:0;}
img, span, select, input, checkbox {vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
em{font-style:normal}

/*스크롤바*/
body{scrollbar-face-color:#FFF;
    scrollbar-highlight-color:#ddd;
    scrollbar-shadow-color:#ddd;
    scrollbar-3dlight-color:#FFF;
    scrollbar-arrow-color:#999;
    scrollbar-track-color:#FFF;
    scrollbar-darkshadow-color:#FFF;
    scrollbar-base-color:#ddd;}

a, input{selecter-dummy:expression(this.hideFocus=true);}
a{text-decoration:none;color:#068dec;}
a:hover,a:active,a:focus{text-decoration:none;}

select {height:20px; border:#d4d4d4 1px solid; color:#555; font-size:12px; font: normal 12px 'Dotum','돋움'; color:#333;}
.input{height:16px; border:1px solid #d4d4d4; color:#555; padding-left:3px;  font-size:12px; line-height:17px; font: normal 12px 'Dotum','돋움'; color:#333;}
.input_unable{height:16px; border:1px solid #d4d4d4; color:#555; padding-left:3px;  font-size:12px; line-height:17px; font: normal 12px 'Dotum','돋움'; color:#333; background-color:#f2f2f2;}

.clear{clear:both;}
.hand{cursor:pointer;}
.noline{border:none;}
.nobg{background:none;}

/* aline */
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.t {vertical-align:top;}
.m {vertical-align:middle;}
.b {vertical-align:bottom;}

/*Font color*/
.black{color:#000;}
.blue{color:#007dcc;}
.org{color:#ff6600;}
.red{color:#fe1616;}

/*메인페이지*/
#wrap{width:100%;}
#wrap #header{width:100%; height:50px; background-color:#fff;}
#wrap #header .gnb{width:930px; margin:0 auto; background-color:#fff; height:50px;}
#wrap #header .gnb::after{content:''; display:block; clear:both;}
#wrap #header .gnb h1{float:left; width:131px; height:32px; background:url(/bt/images/gnb_logo.png) 0 0 no-repeat; font-size:0; margin-top:8px;}
#wrap #header .gnb .membership{float:right; min-width:110px; _width:120px; height:30px; border:1px solid #d5d5d5; margin-top:9px; transition: all 0.2s ease-in-out; margin-left:5px;}
#wrap #header .gnb .membership a{height:23px; padding:7px 15px 0; display:block; text-align:center; color:#333;font:600 14px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은 고딕','Dotum','돋움'; line-height:1em;}
#wrap #header .gnb .membership:hover{border:1px solid #999;}

/* #container{width:100%; background:url(/bt/images/main_pattern_1.jpg) repeat;} */
#container::after{content:''; display:block; clear:both;}
/* #container .main_contents{width:1030px; margin:0 auto; min-height:425px; background:url(/bt/images/main_img_1.png) 0 0 no-repeat; padding-top:40px; padding-left:150px;} */
#container .main_contents .main_slogan h2, #container .main_contents .main_slogan p{font-size:0; visibility:hidden;}

#container .main_contents .menu_ticket{float:right; width:400px; margin-right:50px;}
#container .main_contents .menu_ticket::after{content:''; display:block; clear:both;}
#container .main_contents .menu_ticket .menu_01, #container .main_contents .menu_ticket .menu_02{position:relative; width:400px; height:145px; overflow:hidden; transition: all 0.2s ease-in-out;}
/* #container .main_contents .menu_ticket .menu_01{background:url(/bt/images/main_menu01_img.png) #4f2f16 center right no-repeat; margin-bottom:30px;} */
#container .main_contents .menu_ticket .menu_01 a, #container .main_contents .menu_ticket .menu_02 a{width:400px; height:145px; display:block; cursor:pointer;}
/* #container .main_contents .menu_ticket .menu_01:hover{background-color:#80400e;} */
#container .main_contents .menu_ticket .menu_01 h3, #container .main_contents .menu_ticket .menu_02 h3{position:absolute; z-index:10; top:20px; left:22px; font:600 28px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은 고딕','Dotum','돋움'; color:#fff; line-height:1em;}
#container .main_contents .menu_ticket .menu_01 ul.info, #container .main_contents .menu_ticket .menu_02 ul.info{position:absolute; z-index:10; left:22px; bottom:18px;}
#container .main_contents .menu_ticket .menu_01 ul.info li, #container .main_contents .menu_ticket .menu_02 ul.info li{font:normal 14px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은 고딕','Dotum','돋움';  color:#fff; margin-top:5px; line-height:14px;}
/* #container .main_contents .menu_ticket .menu_02{background:url(/bt/images/main_menu02_img.png) #44241f center right no-repeat; margin-bottom:20px;}
#container .main_contents .menu_ticket .menu_02:hover{background-color:#893a2d;} */

.menu_info{width:930px; margin:0 auto;}
.menu_info::after{content:''; display:block; clear:both;}
.menu_info dl.information{float:left; margin-left:110px;}
.menu_info dl.information:first-child{margin-left:0;}
.menu_info dl.information dt{width:150px; height:150px; border-radius:75px; background-color:#fff; background-color:rgba(255,255,255,0.2); margin-top:-75px; position:relative;}
.menu_info dl.information dt a{display:block; width:130px; height:130px; background:#fff; border-radius:65px; position:absolute; top:10px; left:10px; cursor:pointer; transition: all 0.4s ease-in-out;}
.menu_info dl.information dt a:hover{width:150px; height:150px; top:0px; left:0px; border-radius:75px;}
.menu_info dl.information dd{font:600 17px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은 고딕','Dotum','돋움'; text-align:center;}
.menu_info dl.information dd a{color:#464646; cursor:pointer;}
.menu_info dl.information dd a em{font-size:13px; display:block; font-weight:normal;}
.menu_info dl.information.info_img01 dt a{background: url(/bt/images/main_info_img01.gif) #fff center no-repeat;}
.menu_info dl.information.info_img02 dt a{background: url(/bt/images/main_info_img02.gif) #fff center no-repeat;}
.menu_info dl.information.info_img03 dt a{background: url(/bt/images/main_info_img03.gif) #fff center no-repeat;}
.menu_info dl.information.info_img04 dt a{background: url(/bt/images/main_info_img04.gif) #fff center no-repeat;}


#footer{width:930px; margin:0 auto;}
#footer:before{content:''; display:block; clear:both; height:40px;}
#footer dl.note{font:normal 12px 'Dotum','돋움'; padding:15px 10px 10px; border:1px solid #dadada;}
#footer dl.note dt{margin-bottom:10px; color:#464646;}
#footer dl.note dd{position:relative; color:#464646; margin-left:20px; line-height:1.3em; margin-bottom:5px;}
#footer dl.note dd em{position:absolute; left:-15px; width:15px; height:15px; display:block;}

#footer .copyright{font: normal 11px  Verdana, Geneva, sans-serif, 'Dotum','돋움'; color:#464646; padding-top:8px; text-align:right; width:100%;}
#footer .copyright .line{margin:0 4px; color:#999;}

/*메인_Top Notice*/
#wrap #top_notice{width:100%; background-color:#fff; border-top:1px solid #ddd;}
#wrap #top_notice .notice_box{position:relative; width:930px; margin:0 auto; background-color:#fff; padding:10px 20px 5px 50px;}
#wrap #top_notice .notice_box .pop_check{position:absolute; top:4px; right:45px; font-size:11px; color:#555;}
#wrap #top_notice .notice_box .pop_check input[type="checkbox"]{width:21px; height:21px; opacity:0;}
#wrap #top_notice .notice_box .pop_check input[type="checkbox"] + label{background:url(/bt/images/check_nor.png) -3px -2px no-repeat; background-size:21px;padding:3px 0 0 23px; margin-left:-21px; height:21px; display:inline-block;}
#wrap #top_notice .notice_box .pop_check input[type="checkbox"]:checked + label{background-image:url(/bt/images/check_press.png)}
#wrap #top_notice .notice_box p.btn_close{position:absolute; top:0; right:12px; width:30px; height:30px; background:url(/bt/images/top_btn_close.png) center no-repeat; display:block; cursor:pointer; font-size:0;}

/*서브페이지*/
#container_page{width:930px; margin:0 auto;}
#sub_top{height:100px; width:100%;}
#sub_top h1{float:left; width:140px; height:44px; background:url(/bt/images/logo_korail.gif) 0 0px no-repeat; margin-top:35px; }
#sub_top h1 span{display:none;}
#sub_top p{float:left; margin:12px 0 0 20px;}
#page_time{float:left; width:930px; background-color:#0d76e1; overflow:hidden; margin-bottom:14px;}
#page_time dl.time_box{float:left; width:309px; height:84px; border-right:1px solid #319aeb;}
#page_time dl.time_box dt{font:bold 17px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#FFF; margin-left:20px; padding-top:4px;}
#page_time dl.time_box dd, #page_time dl.time_box dd span{ text-align:center; font:normal 12px 'Dotum','돋움'; color:#FFF;}
#page_time dl.time_box dd .number{font:bold 50px Arial, Helvetica, sans-serif; color:#04fcff; vertical-align:sub; .vertical-align:baseline; margin-left:10px;}
#page_time dl.time_box dd #divRestTime {vertical-align: baseline;}

ul.sub_menu::after{content:''; display:block; clear:both;}
ul.sub_menu li{float:left; height:80px; font: bold 21px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; line-height:76px; text-align:center; background: url(/bt/images/line_ddd.gif) repeat-y #ebebeb; text-align:center; width:25%; .margin-right:-1px;}
ul.sub_menu li:first-child{background-image:none;}
ul.sub_menu li:hover{ background-color:#ddd;}
ul.sub_menu li.on{background:#083b82; color:#FFF;}
ul.sub_menu li.on a{color:#FFF; text-decoration:none;}
ul.sub_menu li a{color:#000; display:inline-block; width:100%; height:100%;}


#contents_box{min-height:540px; width:908px; background-color:#FFF; border:1px solid #083b82; padding:10px; _padding:10px 0px 10px 10px; position:relative; padding-bottom:38px;}
#contents_box::after{content:''; display:block; clear:both;}

#contents_box .temp_box{width:928px; height:37px; background-color:#7b8ca7; position:absolute; bottom:0; left:0;}
#contents_box .temp_box::after{content:''; display:block; clear:both;}
#contents_box .temp_box ul.btn_storege{float:left;}
#contents_box .temp_box ul.btn_storege li{float:left; border-right:1px solid #576d8f; height:37px;}
#contents_box .temp_box ul.btn_storege li a{display:block; min-width:115px; height:24px; text-align:center; font:bold 12px 'Dotum','돋움'; color:#fff; padding-top:13px; padding:13px 8px 0;}
#contents_box .temp_box ul.btn_storege li:first-child a{width:114px;}
#contents_box .temp_box ul.btn_storege li a:hover{background-color:#6c7e9c;}
#contents_box .temp_box p{float:right; margin:14px 20px 0 0;_margin:12px 10px 0 0; font-size:11px; color:#fff;}

#contents_box .half_box{float:left; width:50%;}
#contents_box .inbox{padding:10px;}

#contents_box .use_info{width:908px;_width:918px; background-color:#f5f8fb; padding:10px; margin-left:-10px;/*margin-bottom:-10px;*/}

ul.list_info{margin:10px; _margin:20px 20px 10px 20px;}
ul.list_info li{background:url(/bt/images/icon_dot.gif) 5px 6px no-repeat; padding-left:12px; line-height:18px;}
ul.list_info li.title{font: bold 14px 'Dotum','돋움'; line-height:22px; background:none; padding-left:0;}

/*내용*/
.sub_title{color:#000; font-weight:bold; height:20px; background:url(/bt/images/icon_title_arrow.gif) 0 0 no-repeat; padding-left:20px; white-space:nowrap;}
.table_01{width:100%; background-color:#ddd; margin-bottom:15px;_margin-bottom:0px; table-layout:fixed;}
.table_01 th{height:20px; text-align:left; letter-spacing:-0.04em; color:#000; background-color:#f5f8fb; padding:2px 5px; font-size:12px; font-family:'Dotum','돋움';}
.table_01 td{height:20px; color:#000; background-color:#FFF; padding:2px 5px; font-size:12px; font-family:'Dotum','돋움';}
.table_01 td.nopdd{padding:0;}
.table_01 .point{background-color:#d0f2f1; color:#136579;}

.table_02{width:100%; background-color:#ddd; margin-bottom:5px; table-layout:fixed;}
.table_02 th{height:20px; text-align:center; letter-spacing:-0.04em; color:#000; background-color:#f5f8fb; padding:2px 5px; font-size:12px; font-family:'Dotum','돋움';}
.table_02 td{height:20px; color:#000; background-color:#FFF; padding:2px 5px; font-size:12px; font-family:'Dotum','돋움'; text-align:center;}
.table_02 td.nopdd{padding:0;}
.table_02 .point{background-color:#d0f2f1; color:#136579;}

/*버튼*/
.btn_blue_01{display:inline-block; padding:11px 40px; color:#fff;font-weight:bold;border:1px solid #12417d; background-color:#2b72d1; background:linear-gradient(to bottom, #377de7, #256bc5); text-decoration:none;}
.btn_blue_02{display:inline-block; padding:11px 40px; color:#fff;font-weight:bold;border:1px solid #12417d; background-color:#2b72d1; background:linear-gradient(to bottom, #377de7, #256bc5); text-decoration:none;}
.btn_gray, .btn_gray button{position:relative; display:inline-block; text-decoration:none; border:0; height:20px; white-space:nowrap; background:url(/bt/images/btn_gray_bg.gif) left top no-repeat;}
.btn_gray button{left:2px; overflow:visible; padding:1px 7px 0 5px; background:url(/bt/images/btn_gray_bg.gif) right top no-repeat; cursor:pointer; _vertical-align:top; font:normal 12px 'Dotum','돋움'; color:#333; letter-spacing:-0.07em;}

.btn_gray_ang{display:inline-block;margin:0 1px 1px 0;box-shadow:1px 1px 0 rgba(0,0,0,.1);font-family:"나눔고딕", "NG", "돋움", "dotum";border-width:1px; border-style:solid;vertical-align:middle;line-height: 1.5em; padding:5px 13px;color:#666;border-color:#9e9e9e; background:#f9f9f9; background:linear-gradient(to bottom, #ffffff, #f2f2f2);}
.btn_gray_ang:hover, .btn_gray_ang:focus {color:#333; text-shadow:1px 1px 2px rgba(0,0,0,.1); text-decoration:none !important;}


/*하단*/
.sub_info{float:left; margin-top:15px; width:930px;}
.sub_info::after{content:''; display:block; clear:both;}
.sub_info .m01, .sub_info .m02, .sub_info .m03 {float:left; width:298px;}
.sub_info .m02, .sub_info .m03 {margin-left:15px;}
.sub_info .m01 a, .sub_info .m02 a, .sub_info .m03 a{width:223px; height:88px; display:inline-block; padding-left:75px; text-align:center; font: bold 20px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; letter-spacing:-0.08em; line-height:84px; border:1px solid #e4e4e4; background-color:#FFF;}
.sub_info .m01 a{background:url(/bt/images/sub_info_img01.png) 26px center no-repeat;}
.sub_info .m02 a{background:url(/bt/images/sub_info_img02.png) 22px center no-repeat;}
.sub_info .m03 a{background:url(/bt/images/sub_info_img03.png) 22px center no-repeat;}
.sub_info .m01 a:hover, .sub_info .m02 a:hover, .sub_info .m03 a:hover{color:#2b90de; border:1px solid #e4e4e4;}

#container_page .copyright{float:right; text-align:right; font: normal 11px  Verdana, Geneva, sans-serif;color:#777; line-height:30px;}

/*렛츠코레일서 가져온 Table스타일*/
/*table 공통*/
table {table-layout:fixed; background:#fff;}
.tbl_h{width:100%;border-top:2px solid #000; margin-bottom:5px; border-collapse:collapse;}
.tbl_h input{margin:2px 0;}
.tbl_h.th_right th{text-align:right; padding:3px 10px 3px 0;}
.tbl_h.th_center th{text-align:center; padding:0;}
.tbl_btm{border-bottom:none}

/*table 가로스타일*/
.tbl_h thead th{height:30px;text-align:center;vertical-align:middle;color:#464646;background:#f8f8f8 ;border:1px solid #a0a0a0;}.tbl_h thead tr.bg_none{background:none;}
.tbl_h td{height:20px;padding:3px 0;text-align:center;border:1px solid #cfcfcf}
.tbl_h tbody td{line-height:22px;}
.tbl_h tbody th, .tbl_h tfoot th{height:25px;border-left:1px solid #cfcfcf;border-bottom:1px solid #a0a0a0; text-align:center;background:#fafafa}
.tbl_h tbody.th_b th{font-weight:bold}
.tbl_h th:last-child, .tbl_h td:last-child{border-right:1px solid #cfcfcf}

.tbl_h thead th.txt_red, td.txt_red{color:#fe1616}


/*팝업*/
.pop_title{width:auto; height:65px; background-color:#6e696a;}
.pop_title h3{width:auto; text-align:center; color:#fff; font: 600 30px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; letter-spacing:-1px; line-height:60px;}
#container_pop{width:100%;}
.bottom_down{width:100%; height:34px; background-color:#f5f5f5; border-bottom:1px solid #d5d5d5;}
.bottom_down dl.att_file{margin:0 20px;}
.bottom_down dl.att_file::after{content:''; display:block; clear:both;}
.bottom_down dl.att_file dt{float:left; font-weight:bold; padding-top:12px;}
.bottom_down dl.att_file dd{float:right;}
.bottom_down dl.att_file dd a{display:block; padding:12px 0; color:#333;}
.bottom_down dl.att_file dd a:hover{color:#068dec;}
.bottom_down dl.att_file dd a[onclick*="xls"]{background:url(/bt/images/icon_xls.gif) left 9px no-repeat; padding-left:20px}

ul.howto{width:100%; border-top:1px solid #dddddd;}
ul.howto li{border-top:1px solid #fbfbfb; border-bottom:1px solid #dddddd;}
ul.howto li h4{padding-left:22px; height:29px; color:#000; font: bold 14px 'Malgun Gothic','맑은고딕','Dotum','돋움';  font-size:13px; line-height:27px; cursor:pointer; text-align:left; background:url(/bt/images/icon_menu_title.gif) 10px 10px #f5f5f5 no-repeat;}
ul.howto li h4:hover{height:29px; background-color:#e8e8e8;}
ul.howto li .howto_con{text-align:center; background-color:#FFF; padding:10px 0;}
ul.howto li .howto_con dl.info{text-align:left; margin:10px 20px; font: normal 12px 'Dotum','돋움'; color:#333; border:1px dashed #ddd; padding:15px 10px 10px 10px;}
ul.howto li .howto_con dl.info dt{text-align:left;color:#000; font-weight:bold; height:20px; line-height:16px; background:url(/bt/images/icon_title_arrow.gif) 0 0 no-repeat; padding-left:20px;}
ul.howto li .howto_con dl.info dd{text-align:left; font: normal 12px 'Dotum','돋움'; color:#333; margin-bottom:3px; background:url(/bt/images/icon_dot.gif) 13px 6px no-repeat; padding:0 20px; line-height:18px;}
ul.howto li .howto_con dl.info dd.table{background:none; padding: 5px 13px 0 13px}

.con_rb{position:absolute; right:0; bottom:0;}
.con_rb ul.current li{float:left; margin-left:15px;}

/*팝업-조회창*/
.pop_bg{background:#015097;  background:linear-gradient(to right, #0066a8, #02418c); padding:5px;}
.pop_bg h1{color:#fff; font: bold 16px 'NanumGothic', "나눔고딕", 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; line-height:1.5em; letter-spacing:-1px; padding:6px 10px 12px 10px;}
.pop_bg .inbox{border-radius:5px; background:#FFF; padding:10px;}
.pop_bg .inbox .train_info{line-height:1.5em; margin:5px 5px 10px 5px;}

/* korail.css 추가 예발매 리스트 페이지 열차 색 표시 */
.bg01 {background:#ECF4E6}
.bg02 {background:#F5EBF3}
.bg03 {background:#FCDBF2}
.bg-p {background:#FFF8FB}
.bg-b {background:#F3F7FF}
.bg-o {background:#FFFCF3}
.bg-g {background:#F5FFEE}
.bg-00 {background:#FBDBF2}
.bg-01 {background:#D8EEFB}
.bg-02 {background:#FEFAEA}
.bg-03 {background:#E1F8D5}
.bg-04 {background:#F4F199}
.bg-06 {background:#E6AC11}
.bg-07 {background:#FBDBF2}
.bg-08 {background:#b6d0f8}
.bg-09 {background:#EFD8EA}
.bg-10 {background:#FBDBF2}
.bg-15 {background:#EFD8EA}
.bg-16 {background:#FBDBF2}
.bg-18 {background:#b6d0f8}
.bg-19 {background:#FBDBF2}

/* sub_prd.css 추가 열차번호 color */
.t_vio{color:#ab0075;font-weight:bold;text-decoration:underline}
.t_yell{color:#ab8900;font-weight:bold;text-decoration:underline}
.t_blu{color:#0044ab;font-weight:bold;text-decoration:underline}

.point-b {color:#3987D6;font-weight:bold;text-decoration: underline}
.point-o {color:#FF7800;font-weight:bold;text-decoration: underline}
.point-g {color:#78B51C;font-weight:bold;text-decoration: underline}
.point-00 {color:#FF578A;font-weight:bold;text-decoration: underline}   /* ktx */
.point-01 {color:#3987D6;font-weight:bold;text-decoration: underline}   /* 새마울 */
.point-02 {color:#FF7800;font-weight:bold;text-decoration: underline}   /* 무궁화호 */
.point-03 {color:#78B51C;font-weight:bold;text-decoration: underline}   /* 통근열차 */
.point-04 {color:#878320;font-weight:bold;text-decoration: underline}   /* 누리호 */
.point-06 {color:#75412F;font-weight:bold;text-decoration: underline}   /* 공항철도 */
.point-07 {color:#FF578A;font-weight:bold;text-decoration: underline}   /* ktx-산천 */
.point-08 {color:#344f69;font-weight:bold;text-decoration: underline}   /* itx-청춘 */
.point-09 {color:#D888F6;font-weight:bold;text-decoration: underline}   /* itx-새마을 */
.point-10 {color:#FF578A;font-weight:bold;text-decoration: underline}   /* ktx-호남(ktx-산천)*/
.point-15 {color:#D888F6;font-weight:bold;text-decoration: underline}   /* itx-경부 */
.point-16 {color:#FF578A;font-weight:bold;text-decoration: underline}   /* ktx-이음 */
.point-18 {color:#344f69;font-weight:bold;text-decoration: underline}   /* itx-마음 */
.point-19 {color:#FF578A;font-weight:bold;text-decoration: underline}   /* ktx-청룡 */

/* ERROR 페이지 */
#wrap_1{width:100%; height:100%;}
#container_1{position:absolute;width:100%; top:45%; margin-top:-120px;}
#index_center{width:550px; border:1px solid #e4e4e4; margin:0px auto;}
.error_box{border:5px solid #f4f4f4; padding:20px 25px; width:auto;}
.error_box img{float:left;}
.error_box .message{margin-left:125px; margin-top:10px; font-weight:bold; line-height:1.5em;}
.error_box .error{margin-left:125px; margin-top:-17px; .margin-top:0px; font:bold 24px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; line-height:1.5em;}
.error_box .er404{font:bold 82px Arial, Helvetica, sans-serif; color:#000; vertical-align:baseline; letter-spacing:-0.02em;}
.error_box .notfound{margin-left:125px; margin-top:-11px; .margin-top:0px; font:bold 24px 'NanumGothic', "나눔고딕", 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; letter-spacing:-0.04em; line-height:1.5em; border-top:1px solid #000;}

.result_box{padding:5px; background-color:#f4f4f4; margin-bottom:20px; border:1px solid #e4e4e4;}
.result_box .price_box{background-color:#fff; padding:10px; font-weight:bold; color:#000; text-align:right; border:1px solid #e4e4e4;}
.result_box .price_box .price{font:bold 22px Arial, Helvetica, sans-serif; color:#fe1616; letter-spacing:-0.04em; vertical-align:baseline;}
.total{font:bold 16px 'Dotum','돋움'; color:#000; text-align:center; letter-spacing:-0.04em; background-color:#fff; padding:10px; border:1px solid #e4e4e4;}
.total .price{font:bold 30px Arial, Helvetica, sans-serif; color:#0096ff; letter-spacing:-0.04em; vertical-align:sub; .vertical-align:baseline;}

.error_info{padding:10px 15px; background-color:#fff;}
.error_info img{float:left;}
.error_info .message{margin-left:70px; margin-top:10px; font-weight:bold; line-height:1.5em; letter-spacing:-0.04em; text-align:left;}

/* tts */
.ttsHidden{color:white}

/*대기안내*/
#NetFunnel_Skin_Top{width:630px; background:#FFF; border:1px solid #ccc;}
#NetFunnel_Skin_Top .top{margin:10px 20px; width:auto;}
#NetFunnel_Skin_Top .top .text{margin-right:95px; color:#333; font: normal 12px 'Dotum','돋움'; line-height:1.5em;}
#NetFunnel_Skin_Top .top .text p.caution{height:18px; line-height:20px; padding-left:22px; background:url(/bt/images/icon_caution.gif) 0 0 no-repeat; font-weight:bold; color:#0d3ec7;}
#NetFunnel_Skin_Top .top .btn{float:right; width:50px; padding:7px; background:#333;color:#FFF;  font: bold 12px 'Dotum','돋움'; text-align:center; display:inline-block; cursor:pointer;}
#NetFunnel_Skin_Top .top .btn:hover{background:#767676;}
#NetFunnel_Skin_Top span.close{background:#888; color:#FFF; padding:2px 2px 1px 2px;}
#NetFunnel_Skin_Top .contents {width:auto; margin:10px 20px;}
#NetFunnel_Skin_Top .contents h3{font: bold 17px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; letter-spacing:-0.05em; line-height:26px;}
#NetFunnel_Skin_Top .contents .info_01{margin:5px 0; padding:10px 10px 15px 10px; letter-spacing:-0.05em; background:#083b82; text-align:center; font:normal 17px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#FFF;}
#NetFunnel_Skin_Top .contents .info_01 span, #NetFunnel_Skin_Top .contents .info_01 b{font-size:17px; color:#FF0; font-weight:bold;}
#NetFunnel_Skin_Top .contents .info_02{margin:5px 0; padding:10px 10px 15px 10px; letter-spacing:-0.05em; background:#0d76e1; text-align:center; font:normal 17px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#FFF;}
#NetFunnel_Skin_Top .contents .info_02 b{color:#00fcff; font-weight:bold;}
#NetFunnel_Skin_Top .contents .info_03{background-color:#fafafa; border:1px solid #e5e5e5; font: normal 12px 'Dotum','돋움'; line-height:1.5em; padding:10px;}
#NetFunnel_Skin_Top .bottom{height:30px; margin:10px 20px; text-align:right; font: bold 15px 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000; line-height:1.7em; background:url(/bt/images/logo_korail_small.gif) left center no-repeat;}
#NetFunnel_Skin_Top .bottom a{color:#000; text-decoration:none;}
#NetFunnel_Skin_Top .bottom a:hover{color:#0079ea; text-decoration:underline;}

/*반환수수료 안내*/
#wrap_2{z-index: 2000; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.3); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center;}
#return_commission{position:relative; width:460px; background:#FFF; padding:0 12px 74px;}
#return_commission h1{padding:25px 0; text-align:center; font:600 19px 'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color:#000;}
#return_commission .commission_table{width:100%; border-collapse:collapse; border-top:1px solid #d4dce5;}
#return_commission .commission_table th{width:50%; height:32px; background-color:#eaf0f7; border-left:1px solid #d4dce5; border-bottom:1px solid #d4dce5;}
#return_commission .commission_table td{width:50%; height:30px; background-color:#fff; border-left:1px solid #d4dce5; border-bottom:1px solid #d4dce5; text-align:center;}
#return_commission .commission_table th:first-child, #return_commission .commission_table td:first-child{border-left:none;}
#return_commission input[type="button"]{position:absolute; left:0; bottom:0; height:49px; width:100%; color:#fff; font-size:17px; font-weight:bold; background:url(/bt/images/icon_check.gif) #1f5db0 132px center no-repeat; padding-left:30px; padding-bottom:5px; outline:none; border:none; cursor:pointer;}
#return_commission input[type="button"]:active{background:url(/bt/images/icon_check_on.gif) #1f5db0 132px center no-repeat;}



/* 2020 추석 대수송 변경 */
#container .main_contents .menu_ticket .menu_01{background:url(/bt/images/main_menu01_img.png) #0087b1 center right no-repeat; margin-bottom:30px;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#056c8c;}
#container .main_contents .menu_ticket .menu_02{background:url(/bt/images/main_menu02_img.png) #10558c center right no-repeat; margin-bottom:20px;}
#container .main_contents .menu_ticket .menu_02:hover{background-color:#0b3b62;}



/* 넷퍼넬 일반인 로그인 불가 안내 */
.no_noti {height: 88px; padding: 12px 15px 15px 20px; background-color: #ffecce; font-size: 16px; line-height: 22px; font-weight: bold; text-align: center;}
.no_detail {font-size: 12px; margin-top: 10px; line-height: 18px; }

/* 2020 추석 대수송 변경 0826 이용안내부분*/
.tit_m {background-color: #265588; color: #fff; padding: 20px 0 20px 20px; text-align: left ; margin-bottom: 15px; font-size: 18px; font-weight: bold;}
.tit_m2 {background-color: #3a86ad; color: #fff; padding: 20px 0 20px 20px; text-align: left ; margin-bottom: 15px; font-size: 18px; font-weight: bold;}
.mb_guide {padding: 20px 50px; align-items: center;}
.mb_guide td{padding-bottom: 50px;}
.gd_phone {border-collapse: collapse; width: 100%; ;}
.gd_phone tr, .gd_phone td {border: 1px solid #e0e0e0;}
.td1{ background-color: #eaf0f7; text-align: center; font-size: 15px; font-weight: bold; color: #000;}
.txt_b {font-size: 18px; color: #0055ff; font-weight: bold;}
.td2 {background-color: #f5f5f5; font-size: 14px; padding-left: 10px; color: #000;}
.td3 {padding:10px;font-size: 14px; line-height: 20px;}
.txt_b1 {color: #0055ff;font-size: 14px; font-weight: bold;}
.txt_r {color: #e04040;font-size: 14px; font-weight: bold; vertical-align: baseline; }

/* 2021 설 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2021_images/main_visual.png),url(/bt/images/2021_images/main_bg.png);background-repeat:no-repeat, repeat; background-color: #e8e8e8; background-position: center;}
#container .main_contents{width:1030px; margin:0 auto; min-height:425px; padding-top:38px; padding-left:15px;}
#container .main_contents .menu_ticket{float:right; width:400px; margin-right: 0px;}
.main_slogan2 {float: left; padding: 25px 0 0 20px;}
.sub_ttl {font-family:'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color: #04134c; font-size: 18px; padding-bottom: 8px; }
.ttl {font-family:'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color: #04134c; font-size: 28px;padding-bottom: 15px; font-weight: bold;}
.txt_body {font-family:'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color: #222222; font-size: 13px;padding-bottom: 9px;}

/* 2021 추석 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2021_images/main_visual.png);background-repeat:no-repeat, repeat; background-color: #f5efe5; background-position: right 80% top 10%;}
.main_slogan2 {float: left; padding: 25px 0 0 20px;}
.sub_ttl {color: #835533; font-size: 18px;}
.ttl {color: #3a2615; font-size: 34px;}
.btn_blue_01{background-color:#584433; }
.btn_blue_02{background-color:#48654d; }
/* #container .main_contents .menu_ticket .menu_01{background:url(/bt/images/main_menu01_img.png) #584433 center right no-repeat; margin-bottom:30px;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#4d3b2b;}
#container .main_contents .menu_ticket .menu_02{background:url(/bt/images/main_menu02_img.png) #48654d center right no-repeat; margin-bottom:20px;}
#container .main_contents .menu_ticket .menu_02:hover{background-color:#39553f;} */

.info li {padding-bottom: 3px;}

/* 2021 추석 대수송 20210805 변경 */
#wrap #header .gnb .membership2{float:right; width:15px; height:30px;  margin-top:9px; transition: all 0.2s ease-in-out; margin-left:5px; align-items: center; font-size: 28px; color: #d5d5d5; }
#wrap #header .gnb{width:1045px;}

/* 2022 설 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2022_images/main_visual.png),url(/bt/images/2022_images/main_bg.png);background-repeat:no-repeat, repeat; background-color: #e8e8e8; background-position: 33% 60%;}

.txt_add {font-family:'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color: #1a4565; font-size: 14px;padding-bottom: 9px; padding-top: 6px;font-weight: bold;}

/* 2022 추석 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2022_images/main_visual.png),url(/bt/images/2022_images/main_bg.png);background-repeat:no-repeat, repeat; background-color: #eae2d2; background-position: 20%, center;}
.main_slogan2 {float: left; background:url(/bt/images/2022_images/main_bgt.png);background-repeat:no-repeat; background-position: 0; padding: 40px 0 100px 260px;}
.ttl {font-family:'NanumGothic', '나눔고딕', 'NG', 'Malgun Gothic','맑은고딕','Dotum','돋움'; color: #000000; font-size: 26px;padding-bottom: 15px; font-weight: bold;}
.sub_ttl {color: #835533; font-size: 16px; font-weight: bold;}
#container .main_contents .menu_ticket .menu_01{background:url(/bt/images/main_menu01_img.png) #77492a center right no-repeat; margin-bottom:30px;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#63391d;}
#container .main_contents .menu_ticket .menu_02{background:url(/bt/images/main_menu02_img.png) #4c573c center right no-repeat; margin-bottom:20px;}
#container .main_contents .menu_ticket .menu_02:hover{background-color:#3b442e;}

/* 2023 설 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2023_images/main_visual.png),url(/bt/images/2023_images/main_bg_line.png),url(/bt/images/2023_images/main_bg.png);background-repeat:no-repeat, repeat-x, repeat; background-color: #e8e8e8; background-position: 33% -110%,0 0, 0;}
.main_slogan2 {float: left; padding: 85px 0 0 33px;background:url(/bt/images/2023_images/main_bg_txt.png);background-repeat:no-repeat; background-position: 30px 20px;}
.ttl {color: #933b00; font-size: 22px;padding-bottom: 15px; font-weight: bold;}
#container .main_contents .menu_ticket .menu_01{background:url(/bt/images/main_menu01_img.png) #77492a center right no-repeat; margin-bottom:30px;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#5b351b;}
#container .main_contents .menu_ticket .menu_02{background:url(/bt/images/main_menu02_img.png) #4c573c center right no-repeat; margin-bottom:20px;}
#container .main_contents .menu_ticket .menu_02:hover{background-color:#3a432c;}
.txt_body {font-size: 14px;}

.no_box { display: inline-block; margin-right: 10px; width: 13px;height: 12px;text-align: center; vertical-align: text-top;line-height: 1em; font-size: 10px; font-weight: bold; color: #fff; background: #656565;}
.inbox li{line-height: 20px; }
.btn_blue_ang {display:inline-block; padding:7px 25px; color:#fff;font-weight:bold;border:1px solid #12417d; background-color:#2b72d1; background:linear-gradient(to bottom, #377de7, #256bc5); text-decoration:none;margin: 0 1px 1px 0;font-family: "나눔고딕", "NG", "돋움", "dotum";box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);border-width: 1px;line-height: 1.11em;
}
.mg_t10 {margin-top: 10px; color: #0055ff;}

/* 휠체어 팝업 */
.pop_close {float: right; display: inline-block; width: 24px; height: 23px;  font-size: 0; text-indent: -999px; background: url(https://www.letskorail.com/images/btn_pop_close.gif) no-repeat; margin: 5px 3px 0 0;}
.header h1 {display: inline-block;}

/* 2023 추석 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2023_images/main_bg_line.png),url(/bt/images/2023_images/main_bg.png);background-repeat:repeat-x, repeat; background-color: #f7f0d4; background-position: 0 0, 0;}
.main_slogan2 {float: left; margin: -53px 0 0 -100px; background-image: url(/bt/images/2023_images/main_visual.png);  width: 690px; height: 380px;}
.ttl {color: #933b00; font-size: 22px;padding-bottom: 15px; font-weight: bold; margin-left: 160px; color: #502203;}
.txt_body {line-height: 24px;margin-left: 160px;}

/* 2024 설 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2024_images/main_bg_line.png);background-repeat:repeat-x; background-color: #f7f0d4; background-position: 0 0, 0;}
.main_slogan2 {float: left; margin: -60px 0 0 -400px; background-image: url(/bt/images/2024_images/main_bg.png);  width: 990px; height: 400px;  background-position: top 0px left -0px;}
.ttl {color: #143d75; font-size: 18px;padding-bottom: 15px; font-weight: bold; margin-left: 400px; margin-top: 140px;}
.txt_body {line-height: 18px;margin-left: 400px;}
#container .main_contents .menu_ticket .menu_01{background-color:  #1c476d ;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#153959;}
#container .main_contents .menu_ticket .menu_02{background-color:  #087675 ; }
#container .main_contents .menu_ticket .menu_02:hover{background-color:#056362;}
/* 1229 추가 */
/*.ttl_bd {margin-left: 400px; background-color: rgba( 255, 255, 255, 0.3 ); ;  width: 440px;height: 140px;font-family:"나눔고딕", "NG", "돋움", "dotum"; font-size: 13px; letter-spacing: -1px; line-height: 22px; border: 1px solid #cad3d6; border-radius: 10px; border-spacing: 0;margin-left: 370px;}*/
.ttl_bd tr th {color: #000; padding-left: 10px; letter-spacing: -2px}
.ttl_bd tr td {color: #333; padding-left: 10px;}
.ttl_ln {border-bottom: 1px solid #cad3d6;}
.ttl {font-size: 15px; margin-top:120px;margin-left: 370px;}

/* 240104 추가 */
.ttl_lk {display: block; font-weight:bold; text-decoration: underline; padding: 5px 22px 2px;
    background-image: url(/bt/images/logo_yt.png); background-repeat: no-repeat; background-size: 18px; background-position: top 5px left 0;}
.ttl_lk a {color: #1339b4; }

/* 2024 추석 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2024_images/main_bg.png), url(/bt/images/2024_images/main_bg_line.png);background-repeat:no-repeat, repeat; background-position:  center, 0 0; background-color: #000;}
.main_slogan2{background-image: none; ;}
#container .main_contents .menu_ticket .menu_01{background-color:  #77492a ;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#5b351b;}
#container .main_contents .menu_ticket .menu_02{background-color:  #4c573c ; }
#container .main_contents .menu_ticket .menu_02:hover{background-color:#3a432c;}
.ttl_bd {all:inherit; margin-left: 310px; font-family:"나눔고딕", "NG", "돋움", "dotum"; font-size: 13px; line-height: 22px;  text-align: left; margin-top: 0px; background: none !important;}
.ttl_bd tr td {margin-top: 70px\9; }
.ttl_bd tr th {color: #000; padding-left: 20px; text-align: left;letter-spacing:-2px; }
.ttl_ln {border: none;}
.ttl_tl {font-size: 18px;font-family:"나눔고딕", "NG", "돋움", "dotum";  font-weight: bold}
.ttl_bd tr td {text-align: left;}
.ttl_mln {text-align: center !important;}
.ttl_bd tr td {padding: 5px 0;}
.ttl_bd td:first-child {vertical-align: top;}
.ttl_lk {font-family:"나눔고딕", "NG", "돋움", "dotum";font-size: 13px;}
.ttl_bd td:last-child {padding-left: 20px;}

/* 2025년 설 대수송 변경 */
#container{width:100%;  min-height:425px; width:100%; background:url(/bt/images/2024_images/main_bg.png), url(/bt/images/2024_images/main_bg_line.png);background-repeat:no-repeat, repeat; background-position: top 0 left 10%}
#container .main_contents .menu_ticket .menu_01{background-color:  #1c476d ;}
#container .main_contents .menu_ticket .menu_01:hover{background-color:#153959;}
#container .main_contents .menu_ticket .menu_02{background-color:  #087675 ; }
#container .main_contents .menu_ticket .menu_02:hover{background-color:#056362;}
.ttl_bd {all:inherit; margin-left: 500px; font-family:"나눔고딕", "NG", "돋움", "dotum"; font-size: 13px; line-height: 22px;  text-align: left; margin-top: 0px; background: none !important;}
.ttl_tit {font-weight: bold;font-family:"나눔고딕", "NG", "돋움", "dotum";font-size: 14px; line-height: 30px; }
.ttl_bd td {background-color: rgba(255, 255, 255, 0.5); }
.ttl_bd tr:first-child th {padding-left: 0; }
.ttl_bd tr:nth-child(2) td {border-bottom: 1px solid #bad1cf;padding: 10px 15px 12px;}
.ttl_bd tr:nth-child(3) td {padding: 10px 15px 12px;}
.ttl_bd tr:last-child td {background: none; padding-left: 0; padding-top: 20px; }
.ttl_bd th {padding-bottom: 20px;}
.ttl_bd {margin-top: -90px; margin-left: 550px; font-size: 14px; line-height: 26px;}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ttl_bd {margin-top: 70px;}
}

/* IE 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ttl_bd {margin-top: -10px; margin-left: 600px; font-size: 14px; line-height: 26px; letter-spacing:-1px;}
}