@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* 초기화 */
html,
body { height: 100%;width: 100%;margin: 0;padding: 0;left: 0;top: 0;color: #666666;font-family:"Noto Sans KR", sans-serif;line-height: 1.2;font-weight: 400;}
/* html { font-size:62.5%; } */
html { font-size:10px; }
body { font-size:1.4rem; }
* { padding: 0; margin: 0;}
/* body {margin:0;padding:0;font-size: inherit;font-family:"NanumSquare", sans-serif;} */
/*body {margin:0;padding:0;font-size: inherit;font-family:'Titillium Web', sans-serif !important;}*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-weight: 500;}
p {margin:0;padding:0;word-break:keep-all;line-height: 1.5;letter-spacing: -0.025em;}

li, ol, ul { list-style: none; margin: 0;padding: 0;}
a { text-decoration: none !important; }


/* 레이아웃 */
.wrap { margin: 0 auto; max-width:640px; padding: 0 5px; box-sizing:border-box; }
.container {  }

img { display:inline-block; max-width:100%; height:auto; }



.header { text-align: center; padding: 24px 0 32px;  box-sizing:border-box; position:relative; height:165px; }
.header .container { position:relative; }

.header .logo { box-sizing:border-box; }
.header .logo img { max-width:217px; height:auto; }

.header .toggle_btn { position:absolute; left:30px; top:50%; margin-top: -13px; }
.header .toggle_btn a { display:inline-block; width:31px; height:26px; background:url(../img/mobile/toggle_btn.png) center center no-repeat; transition:all 0.3s; }
.header .toggle_btn.on a { height:27px; background:url(../img/mobile/close_btn.png) center center no-repeat; }

.header .gnb { position:absolute; width:100%; top:141px; left:0; z-index:2; display:none; }
.header .gnb .tnb { font-size:0; }
.header .gnb .tnb li { display:inline-block; vertical-align: middle; width:50%; }
.header .gnb .tnb li a { font-size:16px; color:#616161; display:block; height:45px; line-height: 45px; text-align: center; position:relative; background:#edebeb; }
.header .gnb .tnb li a:before { content:""; display:inline-block; width:1px; height:28px; background:#a7a6a6; position:absolute; left:0; top:50%; margin-top: -14px; }
.header .gnb .tnb li:first-child a:before { display:none; }
.header .gnb .de1_ul { font-size:0; background:#fff; }
.header .gnb .de1_ul .de1_li {  }
.header .gnb .de1_ul .de1_li .de1_a { display:block; width:100%; text-align: center; font-size:16px; color:#626262; font-weight: 600; line-height: 46px; box-sizing:border-box; position:relative; }
.header .gnb .de1_ul .de1_li .de1_a:after { content:""; display:inline-block; width:12px; height:8px; background:url(../img/mobile/gnb_arrow.png) center center no-repeat; position:absolute; right:10.64%; top:50%; margin-top: -4px; transition:all 0.5s; }
.header .gnb .de1_ul .de1_li.active .de1_a:after { transform:rotateX(180deg) }
.header .gnb .de1_ul .de1_li .de2_ul { display:none; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li {  }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { display:block; background:#1552a4; font-size:16px; color:#fff; font-weight: 400; text-align: center; height:44px; border-top: 2px solid #3469b0; box-sizing:border-box; line-height: 42px; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li:first-child .de2_a { border-top: 0; line-height: 44px; }



.main_ctt .visual_wrap { padding-left: 0 !important; padding-right: 0 !important; }
.main_ctt .visual_wrap .outer { display:flex; flex-wrap: wrap; }
.main_ctt .visual_wrap .outer .visual { width:50%; font-size:0; }
.main_ctt .visual_wrap .outer .visual a { display:block; position:relative; }
.main_ctt .visual_wrap .outer .visual a img { display:inline-block; max-width:100%; height:auto; }
.main_ctt .visual_wrap .outer .visual a .normal {  }
.main_ctt .visual_wrap .outer .visual a .over { position:absolute; left:0; top:0; opacity:0; transition:all 0.5s; }
.main_ctt .visual_wrap .outer .visual a:hover .over { opacity:1; }



.main_ctt .section01 { text-align: center; padding: 50px 0 60px; box-sizing:border-box; }
.main_ctt .section01 .tit { margin-bottom: 25px; }
.main_ctt .section01 .img { display:flex; flex-wrap: wrap; text-align: center; }
.main_ctt .section01 .img li { width:50%; font-size:0; position:relative; padding: 10px 0; box-sizing:border-box; }
.main_ctt .section01 .img li.br_type {  }
.main_ctt .section01 .img li.br_type:before { content:""; display:inline-block; width:1px; height:calc(100% - 60px); background:#aaa; position:absolute; left:0; top:30px; }



.main_ctt .time_box {  }
.main_ctt .time_box .time { display:flex; flex-wrap: wrap; }
.main_ctt .time_box .time li { width:100%; font-size:0; text-align: center;  }
.main_ctt .time_box .time li.time01 { background:#f1f1f1; }
.main_ctt .time_box .time li.time02 { background:#fafafa; }
.main_ctt .time_box .time li.time03 { background:#f1f1f1; }


.main_ctt .map_wrap { padding: 50px 0 100px; }


.footer { border-top: 1px solid #dfdfdf; box-sizing:border-box; text-align: center; padding: 36px 0 54px; }
.footer .fnb {  }
.footer .fnb li { font-size:0; margin-top: 8px; }
.footer .fnb li:first-child { margin-top: 8px; }
.footer .fnb li span { display:inline-block; font-size:16px; color:#000; font-weight: 300; position:relative; padding: 0 7px; }
.footer .fnb li span:before { content:""; display:inline-block; width:1px; height:14px; color:#000; position:absolute; left:0; top:50%; margin-top: -7px; }
.footer .fnb li span:first-child:before {  }
.footer .copyright { font-size:16px; color:#000; font-weight: 300; margin-top: 8px; }



.root_daum_roughmap.root_daum_roughmap_landing { width:100% !important; }
.root_daum_roughmap .wrap_map { border-bottom: 1px solid #dfdfdf !important; }
.root_daum_roughmap .wrap_controllers { display:none; }



.side_btn { box-shadow:-4px 4px 13px 0px rgba(0, 0, 0, 0.46); background:rgba(255, 255, 255, 0.95); z-index:3; position:fixed; bottom:0; left:0; width:100%; height:79px; }
.side_btn .side { display:flex; flex-wrap:wrap; padding: 10px 0; box-sizing:border-box; height:100%; }
.side_btn .side li { width:20%; height:100%; vertical-align: middle; border-left: 1px solid #e1e1e1; box-sizing:border-box; }
.side_btn .side li:first-child { border-left: 0; }
.side_btn .side li a { display:block; height:100%; text-align: center; line-height: 59px; }