@charset "utf-8";
/* 탑배너 */
.top_banner{position: relative;}
.top_banner .top_banner_text{position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%);}
.top_banner .top_banner_text h3{font-size: 40px; font-weight: 600; color: #222222;}
.top_banner .top_banner_text .white{color: #ffffff;}

/* m_navi */
.m_navi{position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 9;}
.m_navi .m_navi_box{display: flex; align-items: center; width: 690px; box-shadow: 0 0 12px rgba(0,0,0,0.3);}
.m_navi .m_navi_box .home_box{width: 70px; line-height: 64px; text-align: center; background: #003b81; border-right: 1px solid #2f5684;}
.m_navi .m_navi_box .left-page-name , .m_navi .container_fix .right-drop{width: 310px; line-height: 64px; text-align: center; background: #003b81 url(../img/drop_right.png) no-repeat 94% center; border-right: 1px solid #2f5684;}
.m_navi .m_navi_box .dropdown > a{display: flex; align-items: center; width: 100%;}
.m_navi .m_navi_box .dropdown span{padding-left: 20px; font-size: 16px; color: #ffffff;}
.m_navi .m_navi_box .dropdown .dropdown-menu{top: 62px; z-index: 1; border-radius: 0; box-shadow: none; width: 100%;}
.m_navi .m_navi_box .dropdown .dropdown-menu a:hover{background: none; color: #003b81;}

/* 서브텍스트 */
.sub_text{padding: 160px 0 80px;}
.sub_text h1{position: relative; font-size: 34px; color: #222222; text-align: left;}
.sub_text h1:before{content: ''; position: absolute; left: -10%; top: 50%; transform: translateY(-50%); width: 106px; height: 1px; background: #000000;}

/* m01_03 */
.m01_03 iframe{margin-bottom: 40px; width: 100%; height: 376px;}


/* 게시판리스트 */
.board_style .div-head{background: #ffffff;}
.board_style .div-head > span{font-size: 18px;}
.board_style .list-board .list-body li > div{padding: 20px 0; font-size: 16px;}
.board_style .list-board .list-body .wr-subject{padding-left: 20px;}
.m03_01.board_style .list-body .wr-subject{padding-left: 65px !important;}
.board_style .list-board .wr-new{display: none;}
.h20{height: 0;}
.board-list .list-wrap .pagination .active a{border-radius: 50px !important;}
.pagination-sm>li>a, .pagination-sm>li>span{margin: 0 5px; border: 0;}
.list-page{margin: 0 0 130px 0 !important;}

/* m03_02 */
.m03_02 .m03_02_txt{padding-bottom: 18px; border-bottom: 1px solid #000000; font-size: 16px; color: #666666; text-align: right;}
.m03_02 .m03_02_txt .blue{color: #003b81;}
.m03_02 .inquiry_wrap{display: flex;}
.m03_02 .inquiry_wrap .inquiry_box{width: 50%;}
.m03_02 .inquiry_box .blue{color: #003b81;}
.m03_02 .inquiry_box{margin-bottom: 0; border-bottom: 1px solid #eaeaea;}
.m03_02 .inquiry_box > label{padding-left: 30px; width: 130px; line-height: 72px; font-size: 17px; font-weight: 500; color: #222222;}
.m03_02 .inquiry_box .answer{padding: 14px 20px; width: calc(100% - 130px);}
.m03_02 .inquiry_box .answer input[type="text"]{width: 100%; height: 44px; line-height: 44px; border-radius: 0; border: 0; background: #f6f6f6; font-size: 16px;}
.m03_02 .inquiry_box .answer input[type="text"]::placeholder{color: #bbbbbb;}
.m03_02 .inquiry_box_last > label{line-height: 148px;}
.m03_02 .inquiry_box .answer textarea{height: 120px !important; border: 0; border-radius: 0 !important; background: #f6f6f6; font-size: 16px;}
.m03_02 .inquiry_box .answer textarea::placeholder{color: #bbbbbb;}
.m03_02 .privacy_box{margin-top: 60px;}
.m03_02 .privacy_box h2{margin-bottom: 28px; font-size: 24px; font-weight: 500; color: #222222;}
.m03_02 .privacy_box .privacy{padding: 39px 30px 25px; height: 200px; overflow-y: scroll; border: 1px solid #e3e3e3;}
.m03_02 .privacy_box .privacy p{font-size: 14px; color: #666666;}
.m03_02 .inquiry_chk_box{margin: 20px 0 60px;}
.m03_02 .inquiry_chk_box input[type="checkbox"] {display:none;}
.m03_02 .inquiry_chk_box input[type="checkbox"] + label span {display:inline-block; width:15px; height:15px; margin:-3px 10px 0 0;  border: 1px solid #dcdcdc; vertical-align:middle; cursor:pointer; }
.m03_02 .inquiry_chk_box input[type="checkbox"] + label{color:#666666; font-size:16px; font-weight:400; cursor:pointer; margin:0; }
.m03_02 .inquiry_chk_box input[type="checkbox"]:checked + label span {border: 0; background:url('../img/input_checked.png') no-repeat; background-size:cover;}
.m03_02 .write-btn.btn_write{margin: 60px 0 130px;}
.m03_02 .write-btn.btn_write .btn{width: 180px; background: #003b81; border-radius: 0 !important;}
.m03_02 .write-btn.btn_write .btn span{font-size: 16px; line-height: 54px;}


@media(max-width: 1320px){
	.m_navi{left: 0; transform: none;}
}

@media(max-width: 991px){
	/* 탑배너 */
	.top_banner .top_banner_text h3{font-size: 50px;}
	/* m_navi */
	.m_navi{position: relative; bottom: 0;}
	.m_navi .container_fix{padding: 0;}
	.m_navi .m_navi_box{width: 100%;}
	.m_navi .m_navi_box .left-page-name, .m_navi .container_fix .right-drop{width: 50%; line-height: 90px; background: #003b81 url(../img/mdrop_right.png) no-repeat 92% center;}
	.m_navi .m_navi_box .dropdown span{font-size: 27px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px;}
	.m_navi .m_navi_box .dropdown .dropdown-menu{top: 88px; z-index: 991;}
	.m_navi .m_navi_box .dropdown .dropdown-menu a{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	/* 서브텍스트 */
	.sub_text{padding: 120px 0 90px;}
	.sub_text h1{padding-left: 160px; font-size: 50px; font-weight: 600;}
	.sub_text h1:before{left: 0; width: 136px; height: 1px;}
	/* m01_03 */
	.m01_03 iframe{height: 476px;}

	/* m03_01 */
	.m03_01.board_style .list-body .wr-subject{padding-left: 0 !important;}
	/* 03_02 */
	.m03_02 .m03_02_txt{font-size: 27px;}
	.m03_02 .inquiry_wrap{flex-wrap: wrap;}
	.m03_02 .inquiry_wrap .inquiry_box{width: 100%;}
	.m03_02 .inquiry_box{padding: 0 10px 40px;}
	.m03_02 .inquiry_box > label{padding-left: 0; width: 100%; line-height: 95px; font-size: 28px;}
	.m03_02 .inquiry_box .answer{padding: 0; width: 100%;}
	.m03_02 .inquiry_box .answer input[type="text"]{padding-left: 30px; height: 70px; line-height: 70px; font-size: 27px;}
	.m03_02 .inquiry_box .answer textarea{height: 210px !important;}
	.m03_02 .privacy_box{margin-top: 80px;}
	.m03_02 .privacy_box h2{margin-bottom: 40px; font-size: 34px;}
	.m03_02 .privacy_box .privacy{padding: 26px; height: 260px;}
	.m03_02 .privacy_box .privacy p{font-size: 24px;}
	.m03_02 .inquiry_chk_box{margin: 30px 0 70px;}
	.m03_02 .inquiry_chk_box input[type="checkbox"] + label span {width:30px; height:30px; border: 1px solid #dcdcdc;}
	.m03_02 .inquiry_chk_box input[type="checkbox"] + label{font-size:25px;}
	.m03_02 .inquiry_chk_box input[type="checkbox"]:checked + label span {background:url('../img/minput_checked.png') no-repeat;}
	.m03_02 .write-btn.btn_write{margin: 70px 0 120px;}
	.m03_02 .write-btn.btn_write .btn{width: 300px;}
	.m03_02 .write-btn.btn_write .btn span{line-height: 90px; font-size: 27px;}
	#captcha.m_captcha audio{margin: 0 auto 5px;}
	#captcha.m_captcha #captcha_img{margin: 0 auto 10px;}

	/* 게시판리스트 */
	.board_style{margin-bottom: 0;}
	.board_style .list-board .list-body .wr-subject{padding-left: 0;}
	.pagination-sm>li>a, .pagination-sm>li>span{padding: 4px 9px;}
}

@media(max-width: 600px){
	/* 탑배너 */
	.top_banner .top_banner_text h3{font-size: 26px;}
	/* m_navi */
	.m_navi .m_navi_box .left-page-name, .m_navi .container_fix .right-drop{line-height: 50px; background-size: 10px;}
	.m_navi .m_navi_box .dropdown span{padding-left: 15px; padding-right: 10px; font-size: 14px;}
	.m_navi .m_navi_box .dropdown .dropdown-menu{top: 47px;}
	/* 서브텍스트 */
	.sub_text{padding: 60px 0 45px;}
	.sub_text h1{padding-left: 85px; font-size: 25px;}
	.sub_text h1:before{width: 70px;}
	/* m01_03 */
	.m01_03 iframe{margin-bottom: 20px; height: 250px;}
	/* 03_02 */
	.m03_02 .m03_02_txt{padding-bottom: 10px; font-size: 15px;}
	.m03_02 .inquiry_box{padding: 0 10px 20px;}
	.m03_02 .inquiry_box > label{line-height: 50px; font-size: 14px;}
	.m03_02 .inquiry_box .answer{padding: 0; width: 100%;}
	.m03_02 .inquiry_box .answer input[type="text"]{padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px;}
	.m03_02 .inquiry_box .answer textarea{height: 120px !important;}
	.m03_02 .privacy_box{margin-top: 40px;}
	.m03_02 .privacy_box h2{margin-bottom: 20px; font-size: 18px;}
	.m03_02 .privacy_box .privacy{padding: 13px; height: 150px;}
	.m03_02 .privacy_box .privacy p{font-size: 13px;}
	.m03_02 .inquiry_chk_box{margin: 15px 0 35px;}
	.m03_02 .inquiry_chk_box input[type="checkbox"] + label span {width:15px; height:15px; background-size: 15px;}
	.m03_02 .inquiry_chk_box input[type="checkbox"] + label{font-size:14px;}
	.m03_02 .inquiry_chk_box input[type="checkbox"]:checked + label span{background-size: 15px;}
	.m03_02 .write-btn.btn_write{margin: 35px 0 60px;}
	.m03_02 .write-btn.btn_write .btn{width: 150px;}
	.m03_02 .write-btn.btn_write .btn span{line-height: 45px; font-size: 14px;}

	/* 게시판리스트 */
	.board_style{margin-bottom: 0;}
	.list-page{margin: 8px 0 65px 0 !important;}
}