@charset "utf-8"; 

@font-face {
	font-family: 'GMarketSans';
	font-weight: 500;
	font-display: swap;
	src: local('GmarketSansMedium'), url('../fonts/GmarketSansMedium.woff') format('woff');
}
:root{
    --point_blue:#00469e;
    --text_gray:#787878;
    --border_color:#d3d3d3
}
.fw300{font-weight:300}
.red{color:#fd1313}
.blue{color:#0000ff}



/* sub visual*****/
.sub_visual_wrap{width:100%; height:200px; background:url(../images/common/sub_visual.jpg) no-repeat 50% 0}
.sub_visual_wrap h2{font-size:4.4rem; line-height:200px; font-weight:500; color:#fff; text-align:center}

/* sub wrap*****/
.sub_page_bg{width:100%; background:#fff}
.sub_page_wrap{display:flex; justify-content:space-between; position:relative; width:1200px; margin:0 auto; padding:30px 0 50px}

/* sub menu*****/
.side_nav_wrap{width:19%; min-width:260px}
.side_nav_wrap .side_tit_wrap{display:flex; justify-content:center; align-items:center; width:100%; height:92px; padding:0 10px; background:url(../images/common/side_nav_tit_bg.jpg) no-repeat 0 50%; border-radius:20px 20px 0 0; font-size:3.2rem; line-height:1.3em; font-weight:500; color:#fff}
.side_nav_wrap .side_nav_list{padding:15px; border:1px solid #d2d2d2; border-radius:0 0 20px 20px}
.side_nav_wrap .side_nav_list .side_2dep_tit{display:block; padding:12px 8px; border-bottom:1px solid #bdbdbd; font-size:1.65rem; line-height:1em; font-weight:700; color:#5c5c5c}
.side_nav_wrap .side_nav_list a.side_2dep_tit:hover{color:#333; transition:color 0.3s}
.side_nav_wrap .side_nav_list .side_2dep_tit:not(:first-of-type){border-top:1px solid #bdbdbd}
.side_nav_wrap .side_nav_list .side_2dep_tit.nav_on{color:#222}
.side_nav_wrap .side_nav_list .side_2dep_tit.bordertop0{border-top:0}
.side_nav_wrap .side_nav_list .side_2dep_list{margin:7px 0}
.side_nav_wrap .side_nav_list .side_2dep_list li:not(:first-child){border-top:1px solid #e9e9e9}
.side_nav_wrap .side_nav_list .side_2dep_list li a{display:block; position:relative; padding:10px 10px 10px 30px; font-size:1.4rem; line-height:1em; font-weight:500; color:#575757}
.side_nav_wrap .side_nav_list .side_2dep_list li a::before{display:block; content:""; position:absolute; top:16px; left:22px; width:3px; height:3px; background:#787878}
.side_nav_wrap .side_nav_list .side_2dep_list li a:hover{background:#f7f7f7; transition:background-color 0.3s}
.side_nav_wrap .side_nav_list .side_2dep_list li a.nav_on{background:#f7f7f7; font-weight:700; color:#222}
.side_nav_wrap .side_nav_list .side_2dep_list li a.nav_on::before{top:16px; left:21px; width:2px; height:6px; background:#4f5fda; transform:rotate(-135deg); transition:width 0.3s, height 0.3s}
.side_nav_wrap .side_nav_list .side_2dep_list li a.nav_on::after{display:block; content:""; position:absolute; top:14px; left:19px; width:6px; height:2px; background:#4f5fda; transform:rotate(-135deg); transition:width 0.3s, height 0.3s}
.side_nav_wrap .side_nav_list .btn_side_nav{display:block; width:calc(100% - 16px); margin:10px auto 5px; padding:10px 0; background:#dfebfd; border:1px solid #c1d6f4; border-radius:10px}
.side_nav_wrap .side_nav_list .btn_side_nav img{margin:0 auto}
.side_nav_wrap .side_nav_list a.btn_side_nav:hover{background:#c1d6f4; transition:background-color 0.3s}
.side_nav_wrap .side_nav_list .btn_side_tel{display:flex; justify-content:center; align-content:center}
.side_nav_wrap .side_nav_list .btn_side_tel img{width:23px; height:22px; margin:0}
.side_nav_wrap .side_nav_list .btn_side_tel p{padding-left:10px; font-size:2rem; line-height:22px; font-weight:500; letter-spacing:0.01em}

/* sub body*****/
.sub_content_wrap{width:762px; margin:0 80px}
.sub_content_wrap .page_tit_wrap{display:flex; justify-content:space-between; align-items:center; position:relative; padding:30px 12px 20px; border-bottom:1px solid #bababa}
.sub_content_wrap .page_tit_wrap .page_tit{display:inline-block; position:relative; font-size:3.5rem; line-height:37px; font-weight:700; color:#222; letter-spacing:-0.06em}
.sub_content_wrap .page_tit_wrap .page_tit::after{display:block; content:""; position:absolute; bottom:-21px; left:-12px; width:calc(100% + 24px); height:2px; background:#1a4899}
.sub_content_wrap .page_tit_wrap .page_location_wrap{display:flex; font-size:1.4rem; color:#7a7a7a; letter-spacing:-0.04em}
.sub_content_wrap .page_tit_wrap .page_location_wrap img{margin-top:-1px}
.sub_content_wrap .page_tit_wrap .page_location_wrap i{display:block; margin:0 3px; font-size:1.0rem; line-height:14px}
.sub_content_wrap .page_tit_wrap .page_location_wrap p{line-height:14px}

/* sub common*****/
.page_content_wrap{width:100%; padding:40px 20px; letter-spacing:-0.005em; text-align:justify}
.page_content_wrap h3{margin:0 0 13px; font-size:1.8rem; line-height:1em; font-weight:700; letter-spacing:-0.03em}
.page_content_wrap h3:not(:first-child){margin:25px 0 13px}
.page_content_wrap h3 .sub_tit{display:inline-block; margin-left:10px; font-size:1.6rem; font-weight:300; color:#6273c5}
.page_content_wrap h4{position:relative; margin:15px 0 8px; padding-left:20px; font-weight:700; letter-spacing:-0.03em}
.page_content_wrap h4::before{display:block; content:""; position:absolute; top:10px; left:12px; width:3px; height:3px; background:#686868}

.page_content_wrap h3.sear_area_tit{padding-left:30px; background:url(../images/sub/h3_sear_area_tit.gif) no-repeat 0 50%; font-size:2.8rem; line-height:30px; font-weight:500}
    /* bullet*/
.page_content_wrap .bul_dot li{position:relative; padding:2px 0 2px 20px}
.page_content_wrap .bul_dot li::before{display:block; content:""; position:absolute; top:12px; left:12px; width:3px; height:3px; background:#686868}
.page_content_wrap .bul_line{margin-left:13px}
.page_content_wrap .bul_line li{position:relative; padding:2px 0 2px 22px}
.page_content_wrap .bul_line li::before{display:block; content:""; position:absolute; top:12px; left:12px; width:5px; height:1px; background:#222}
    /* tab line*/
.tab_line_wrap{width:100%}
.tab_line_wrap .tab_line_nav{position:relative; width:100%; height:66px}
.tab_line_wrap .tab_line_nav::after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:2px solid var(--point_blue)}
.tab_line_wrap .tab_line_nav ul{display:flex; width:98%; margin:0 auto}
.tab_line_wrap .tab_line_nav ul li{display:block; width:260px; height:66px; margin-right:5px; border:1px solid var(--border_color); border-radius:10px 10px 0 0; font-size:2.2rem; line-height:65px; font-weight:500; color:var(--text_gray); letter-spacing:-0.04em; text-align:center; cursor:pointer}
.tab_line_wrap .tab_line_nav ul li:hover{background:#f7f7f7; transition:background-color 0.3s}
.tab_line_wrap .tab_line_nav ul li.tab_on{z-index:10; border:2px solid var(--point_blue); border-bottom:2px solid #fff; font-weight:700; color:#222}
.tab_line_wrap .tab_line_nav ul li.tab_on:hover{background:#fff}
.tab_line_wrap .tab_line_content{display:none; padding:30px 10px; background:#fff; opacity:0; transition:opacity 0.3s}
.tab_line_wrap .tab_line_content.tab_on{display:block; opacity:1}
    /* tab box*/
.tab_box_wrap{position:relative; width:100%}
.tab_box_wrap .tab_box_nav{width:100%; height:60px}
.tab_box_wrap.sear_inner_tab .tab_box_nav{width:590px}
.tab_box_wrap .tab_box_nav ul{display:flex}
.tab_box_wrap .tab_box_nav ul li{display:block; width:33.33%; height:60px; border:1px solid var(--border_color); font-size:2rem; line-height:58px; font-weight:500; color:var(--text_gray); letter-spacing:-0.04em; text-align:center; cursor:pointer}
.tab_box_wrap .tab_box_nav ul li:not(:first-child){width:calc(33.33% + 1px); margin-left:-1px}
.tab_box_wrap .tab_box_nav ul li:first-child{border-radius:10px 0 0 10px}
.tab_box_wrap .tab_box_nav ul li:last-child{border-radius:0 10px 10px 0}
.tab_box_wrap .tab_box_nav ul li:hover{background:#f7f7f7; transition:background-color 0.3s}
.tab_box_wrap .tab_box_nav ul li.tab_on{z-index:10; background:var(--point_blue); border-color:var(--point_blue); font-weight:700; color:#fff}
.tab_box_wrap .tab_box_content{display:none; padding:20px 0 0; background:#fff; opacity:0; transition:opacity 0.3s}
.tab_box_wrap .tab_box_content.tab_on{display:block; opacity:1}
    /* radio*/
.radio_circle{display:flex}
.radio_circle input[type='radio']{position:relative; width:20px; height:20px; line-height:20px; appearance:none; cursor:pointer}
.radio_circle input[type='radio']::before{display:block; content:""; position:absolute; top:1px; left:0; width:18px; height:18px; border:3px solid #bfbfbf; border-radius:50%}
.radio_circle input[type='radio']:checked::before{border:5px solid var(--point_blue)}
.radio_circle label{display:inline-block; font-size:1.8rem; line-height:20px; font-weight:500; color:var(--text_gray); vertical-align:top; cursor:pointer}
.radio_circle label:hover{color:#222; transition:color 0.3s}
.radio_circle input[type='radio']:checked + label{color:#222}
    /* table*/
.sear_result_table{width:100%; margin:20px 0; border-top:1px solid #636363; text-align:center}
.sear_result_table thead th{padding:15px 10px; background:#f4f8fd; border-bottom:1px solid var(--border_color); font-weight:700}
.sear_result_table tbody td{padding:15px 10px; border-bottom:1px solid var(--border_color); font-weight:300}
.sear_result_table thead th:not(:first-child),
.sear_result_table tbody td:not(:first-child){border-left:1px solid var(--border_color)}
    /* button*/
.btn{display:inline-block; padding:0 25px; background:var(--point_blue); border-radius:5px; line-height:38px; font-weight:500; color:#fff; text-align:center; cursor:pointer; transition:background-color 0.3s}
.btn:hover{background:#186cd5}
.btn_sear_big{width:210px; background:#009e3e; border-radius:7px; font-size:2rem; line-height:54px; font-weight:700; color:#fff; text-align:center; box-shadow:2px 2px 8px rgba(69,69,69,0.4)}
.btn_sear_big:hover{background:#03bb4b}
.btn_mini{padding:0 5px; font-size:1.4rem; line-height:28px; color:#fff}
.btn_result{margin-left:8px; background:#7671ca}
.btn_result:hover{background:#8b85ed}
.btn_print{padding:0 5px 0 25px; background:#ef4800 url(../images/sub/btn_print.png) no-repeat 5px 50%}
.btn_print:hover{background:#fd4c00 url(../images/sub/btn_print.png) no-repeat 5px 50%}

.btn_wrap{width:100%; margin:20px 0; text-align:center}
    /* tooltip*/
.tab_tooltip_wrap{position:absolute; top:4px; right:0}
.tab_tooltip_wrap .tooltip_tit{padding:9px 9px 9px 20px; background:#ddd70f; border-radius:26px; font-size:1.8rem; line-height:34px; font-weight:700; color:#666101; cursor:pointer}
.tab_tooltip_wrap .tooltip_tit span{display:inline-block; width:34px; height:34px; margin-left:5px; background:#fff; border:1px solid #bfba0a; border-radius:50%; font-size:2.2rem; line-height:32px; font-weight:700; color:#e76b15; text-align:center; vertical-align:top}
.tab_tooltip_wrap .tooltip_content{opacity:0; transition:opacity 0.3s}
.tab_tooltip_wrap:hover .tooltip_content{opacity:1; transition:opacity 0.8s}
    /* add list box*/
.add_list_box_wrap{display:flex; justify-content:space-between; margin:30px 0}
.add_list_box_wrap .add_box_wrap{border:1px solid var(--border_color); border-radius:10px}
.add_list_box_wrap.add_list_box03 .add_box_wrap{width:31.85%}
.add_list_box_wrap.add_list_box03_wide .add_box_wrap{width:25.67%}
.add_list_box_wrap.add_list_box03_wide .add_box_wrap.add_box_wide{width:44.12%}
.add_list_box_wrap .add_box_wrap.add_box_wide .box_flex{display:flex; justify-content:space-between}
.add_list_box_wrap .add_box_wrap .add_tit{padding:10px 15px; background:#f4f8fd; border-radius:10px 10px 0 0; font-size:1.8rem; line-height:1.5em; font-weight:700}
.add_list_box_wrap .add_box_wrap .add_list_scroll{padding:10px 12px}
.add_list_box_wrap .add_box_wrap.add_box_wide .box_flex .add_list_scroll{width:65%}
.add_list_box_wrap .add_box_wrap.add_box_wide .box_flex .add_list_scroll:first-child{width:35%}
.add_list_box_wrap .add_box_wrap .add_list{height:270px; padding:0 10px; overflow-y:auto}
.add_list_box_wrap .add_box_wrap .add_list ul li{padding:1px 10px; font-weight:300; cursor:pointer; transition:background-color 0.3s, font-weight 0.3s}
.add_list_box_wrap .add_box_wrap .add_list ul li:hover{background:#f7f7f7}
.add_list_box_wrap .add_box_wrap .add_list ul li.list_on{background:#eee; font-weight:700}
.add_list_box_wrap .add_box_wrap .add_list ul li.list_on_blue{background:var(--point_blue); font-weight:700; color:#fff}

.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar{width:22px}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-track{margin:12px 0}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-thumb{background:#fff; border:1px solid var(--border_color); border-radius:11px}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-thumb:hover{background:#f7f7f7; transition:background-color 0.3s}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-button{width:22px; height:22px; background:#fff; border:1px solid #d3d3d3; border-radius:11px}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-button:decrement{background:url(../images/sub/scroll_btn_top.gif) no-repeat 50% 48%}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-button:increment{background:url(../images/sub/scroll_btn_down.gif) no-repeat 50% 52%}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-button:decrement:hover{background:#f7f7f7 url(../images/sub/scroll_btn_top.gif) no-repeat 50% 48%}
.add_list_box_wrap .add_box_wrap .add_list::-webkit-scrollbar-button:increment:hover{background:#f7f7f7 url(../images/sub/scroll_btn_down.gif) no-repeat 50% 52%}

.sear_opt_box{width:100%; padding:30px; border:1px solid var(--border_color); border-radius:10px}
.sear_opt_box .sear_opt_wrap{display:flex; justify-content:center; align-items:center}
.sear_opt_box .sear_opt_wrap .radio_circle{margin-right:30px}
.sear_opt_box .sear_opt_wrap input[type="text"]{height:38px; padding:0 15px; border:1px solid #d3d3d3; font-size:1.8rem; line-height:20px}
.sear_opt_box .sear_opt_wrap .input_text_add_num{width:160px}
.sear_opt_box .sear_opt_wrap .input_text_add_name{width:300px}
.sear_opt_box .sear_opt_wrap .input_hyphen{display:inline-block; position:relative; width:35px; height:38px}
.sear_opt_box .sear_opt_wrap .input_hyphen::before{display:block; content:""; position:absolute; top:17px; left:14px; width:7px; height:1px; background:#222}
.sear_opt_box .sear_opt_wrap .flex{display:flex; margin-left:40px}
.sear_opt_box .sear_opt_wrap .btn_sear{display:block; width:80px; margin-left:15px}
.sear_opt_box .sear_opt_wrap{display:flex; justify-content:center; align-items:center}

.sear_opt_no_content{width:765px; margin:30px auto 0}
.sear_opt_no_content .no_content{width:100%; padding:20px; background:#f5f5f5; border-radius:10px; line-height:20px; font-weight:700; color:#ef001d; text-align:center}
.sear_opt_no_content .sear_method_tit{margin:20px 0 10px; padding-left:40px; background:url(../images/sub/sear_method_tit.gif) no-repeat 15px 2px; font-size:1.8rem; line-height:19px; font-weight:700}
.sear_opt_no_content .sear_method_list{width:720px; margin:0 auto; font-weight:300}
.sear_opt_no_content .sear_method_list .blue{display:block; margin-left:105px}

.sear_result_top{display:flex; align-items:center; width:100%; padding:20px 30px; border:2px solid var(--point_blue); border-radius:30px}
.sear_result_top p{display:flex; align-items:center; line-height:20px; font-weight:700}
.sear_result_top p i{display:inline-block; width:20px; height:20px; margin-right:5px; padding-left:2px; background:var(--point_blue); border-radius:50%; line-height:20px; color:#fff; text-align:center}
.sear_result_top .result_cate{margin-right:30px}
.sear_result_top .blue{display:inline-block; line-height:20px; font-weight:400}
















/******
서브 화면 리뉴얼 완료되면 삭제할 예정
임시 조정들....... 
******/



/*네이게이터 경로 이미지 크기 조정*/
.rightcolumn .titlebox .title ul{
font-size : 1.6rem;
line-height: 1.5rem;
background-size: contain;
height: 13px;	
}

/*rightcolumn img*/
.rightcolumn img{display:inline-block;}


/*리스트 상단 부분 조정*/
.rightcolumn .result .area li{
	background: url('../images/rightcolumn/area_bullet.gif') no-repeat 0 6px
}

/*지도 시도 */
.rightcolumn .searchform .sido p a{
	/* background-color: #fff */
}





.rightcolumn{font-size:14.6px; line-height:24px}
.rightcolumn .titlebox .title ul{padding-left:20px; font-size:13px; line-height:13px}
.box3,
.box4{width:100%}
.box3 li{background-position:6px 6px}
.box3 li ul{margin:10px 0 25px 5px}
.box3 li ul li{background-position:0 8px}
.box4 li{background-position:5px 27px}
.box6 li{background-position:18px 14px}
ul.guide li{margin-left:0}
.table01{font-size:0.96em}
.obj-table{font-size:14px;}
select{font-size:14px}
select option{padding:2px 5px}
.board-list tbody tr td a{font-size:14px}
.side_nav_wrap .side_nav_list .side_2dep_list li a{font-size:1.5rem}

.main_inner a:hover{color:inherit}



#yearSearchMsg{width:260px; font-size:14px; line-height:1.2em}