@charset "UTF-8";

.sub_content{ padding: 0 10px;}
.sub_page{max-width: 1500px; margin: 0 auto;}
.sub_title{margin-top: 75px; display: flex; width: 100%; justify-content: space-between; border-bottom:1px solid #707070; padding-bottom:25px;}
.sub_title h3{font-size:30px; line-height:35px;  font-family: 'GmarketB', sans-serif !important;}
.sub_title .btn_box{display:flex;}
.sub_title .btn_box input[type="button"]{width:30px; height:30px; border-radius:10px; border:1px solid #C4C4C4; color: transparent;}
.sub_title .btn_box input[type="button"]:hover{box-shadow: 0px 0px 15px #00000029;}
.sub_title .sub_com_btn01{background: url(/resources/images/fnc_images/cyber/sub/sub_title_icon01.png) no-repeat center;  border:none !important;}
.sub_title .sub_com_btn02{background: url(/resources/images/fnc_images/cyber/sub/sub_title_icon02.png) no-repeat center; margin-left:8px; display:none;}
.sub_nav02 h3{font-size:14px !important; line-height:20px !important; color:#000; display:none; font-family: 'Noto Sans KR', sans-serif !important;}

/*프로필*/
#profile{padding-top:40px;} 
#profile .cont01{background:#F5F5F5; position:relative; margin-bottom:65px;}
#profile .cont01 .txt_box{height:470px; display:flex; display: flex; flex-direction: column; justify-content: center; padding:0 80px; max-width: 740px; position:relative; z-index:5;}
#profile .title_txt{margin-bottom:110px;}
#profile .title_txt h4{color:#17284E; font-family: 'GmarketB', sans-serif !important; position:relative;}
#profile .title_txt h4:nth-child(1){font-size:33px; line-height:38px; width:fit-content;}
#profile .title_txt h4:nth-child(1):after{clear:both; display:block; content:""; position:absolute; height:1px; width:133px; background:#707070; right: -142px; top: 15px;}
#profile .title_txt h4:nth-child(2){font-size:60px; line-height:86px; font-weight:bold; font-family: 'GmarketM', sans-serif !important;}
#profile .tltle_cont h5{color:#000; font-size:22px; line-height:26px; font-family: 'GmarketM', sans-serif !important; margin-bottom:15px; position:relative;}
#profile .tltle_cont h5:after{clear:both; display:block; content:""; width:23px; height:22px; background: url(/resources/images/fnc_images/cyber/sub/profile_icon01.png) no-repeat center; position: absolute; top: 1px; left: -28px;}
#profile .tltle_cont p{color:#464646; font-size:18px; line-height:20px;  font-family: 'GmarketM', sans-serif !important;}
#profile .tltle_cont ul{display:flex;}
#profile .tltle_cont ul li{width:50%; position:relative;}
#profile .tltle_cont ul li:nth-child(2){padding-left:80px;}
#profile .tltle_cont ul li:nth-child(2):after{clear:both; display:block; content:""; position:absolute; height:90px; border-right: 1px dashed #707070; left: -10px; top: 0;}
#profile .profile_img01{position: absolute; right: 220px; bottom: 0; z-index: 2;}
#profile .profile_img02{position: absolute; right: 40px; bottom: 20px; z-index: 1;}
#profile .cont02{margin-bottom:130px;}
#profile .cont02 .title{background: transparent linear-gradient(94deg, #E34F73 0%, #055BC2 100%) 0% 0% no-repeat padding-box; border-radius: 30px 30px 0px 0px; display: flex; height: 120px; align-items: center; padding-left: 50px; position: relative;}
#profile .cont02 .title h4{color:#fff; font-size:40px; line-height:46px; font-family: 'GmarketM', sans-serif !important;}
#profile .cont02 .title img{position:absolute; bottom:0; right:0;}
#profile .cont02>ul>li{border-bottom: 1px dashed #C4C4C4; display: flex; padding:65px 0px;}
#profile .cont02>ul>li:last-child{border-bottom:0px;}
#profile .cont02 .li_title{width:328px;}
#profile .cont02 .li_title h5{color:#242D40; font-size:30px; line-height:35px; padding-bottom:18px; border-bottom:1px solid #111111; font-family: 'GmarketM', sans-serif !important;}
#profile .cont02 li ul{padding-left:65px; width:calc(100% - 328px);}
#profile .cont02 li ul li{ font-size:18px; line-height:38px; font-family: 'GmarketM', sans-serif !important;}

/*게시판*/
.notice_table #user_board_whole{max-width:100%;}
.notice_table table{border-top:2px solid #19356D !important; margin-bottom:15px;}
.notice_table th{background:#F7F7FA !important; color:#000000 !important; font-size:16px !important; line-height:19px !important;  border:1px solid #C4C4C4 !important; height:40px !important; border-left:none !important; border-top:none !important;  word-break: keep-all !important;}
.notice_table td{color:#464646 !important; font-size:16px !important; line-height:19px !important;  border:1px solid #C4C4C4 !important; text-align:center;  height:40px !important; border-left:none !important;  word-break: keep-all !important; padding:5px 10px !important;}
.notice_table th:last-child{border-right:none !important;}
.notice_table td:last-child{border-right:none !important;}
.notice_table .table_end{border-right:none;}
.notice_table th.left{text-align:left; padding-left:10px;}
.notice_table td.left{text-align:left;}

#user_board_paging {padding:10px; text-align:center; font-size:12px; display:block; margin-top:30px;}
#user_board_paging span {display:inline-block; height:28px; line-height:28px; border:1px solid #111; padding:0 11px; margin:0 3px; background-color:#111; color:#fff; font-weight:bold; vertical-align:middle;}
#user_board_paging a span {border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:normal;}
#user_board_paging a span:hover {border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444;}
#user_board_paging span.prev {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.prev {background:#fff; color:#444;}
#user_board_paging span.next {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.next {background:#fff; color:#444;}

.notice_table #user_board_control{display: flex; height: 120px; align-items: center; justify-content: center; border: 0px; background: #F5F5F5; border-radius: 0; margin-bottom: 20px;}
.notice_table #user_board_control .inner{padding:0px; width:100%;}
.notice_table #user_board_control .board_fr{display: flex; width: 100% !IMPORTANT; justify-content: center;}
.notice_table #user_board_control .board_fr form{width:100%; max-width: 1000px; padding: 0 20px;}
.notice_table #user_board_control fieldset{display: flex; align-items: center;}
.notice_table #user_board_control fieldset #sbfd{border:1px solid #C4C4C4;  width: 130px; height: 50px; border-radius: 5px; margin-right: 10px; font-size: 16px;}
.notice_table #user_board_control fieldset #sbt{border:1px solid #C4C4C4; border-radius:5px; margin-right:20px; height: 50px; width: calc(100% - 270px);}
.notice_table #user_board_control fieldset input[type="submit"]{width:110px; height:50px; border-radius:5px; border:0px;     background: #111111 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 70px 17px;  font-size: 16px; color: #fff; text-align: left; padding-left: 30px;}
.notice_table #user_board_paging{margin-top:20px; border:none; }
.notice_table #user_board_button{display: flex; justify-content: flex-end;}
.notice_table #user_board_button a{display: flex; width:fit-content; background: #19356D; color: #fff !important; height: 35px; align-items: center; justify-content: center; padding: 0 20px !important; border-radius: 5px; font-size: 14px; margin-left: 5px;}
.notice_table #user_board_button a:hover{background:#000;}
.notice_table #user_board_button input[type="submit"]{display: flex; width:fit-content; height: 35px; align-items: center; justify-content: center; padding: 0 20px !important; border-radius: 5px; font-size: 14px;}

#sub05 .sub_content{width:100%; padding:0 10px;}
/*메니페스토*/
.img_link{display: flex; align-items: center; justify-content: center;}
.img_link a{border:1px solid #d4d4d4;}
.img_link a img{width:100%; max-width:450px;}
.p_txt_box.number{text-indent: -20px;}
.table_box_title{font-weight:bold;}	
footer{border-top:none;}
.menifesto_link_box>a{display: flex; padding: 50px; flex-direction: column; align-items: flex-start; border: 1px solid #D4D4D4; background: #fff; border-radius: 10px; position: relative;}
.menifesto_link_box>a>h4{font-family: 'GmarketB', sans-serif !important; font-weight: bold; font-size: 25px; line-height: 29px; margin-bottom: 15px; color: #000; position: relative; z-index: 5;}
.menifesto_link_box>a>p{ display: flex; width: 120px;  height: 40px; border-radius: 60px; background: #0E1A68; color: #fff; font-size: 14px; line-height: 19px; align-items: center; justify-content: space-around}
.menifesto_link_box>a>img{position: absolute; right: 50px; top: 30px;}
.menifesto_link_box>ul{display:flex;}
.menifesto_link_box>ul>li{width:33.3%; margin-bottom:15px; margin-right:10px;}
.menifesto_link_box>ul>li:last-child{margin-right:0px;}
.menifesto_link_box>ul>li>a{color: #fff; display: flex; align-items: center; justify-content: center; padding:10px 0px;}
.menifesto_link_box>ul>li>a img{width:50px;}
.menifesto_link_box>ul>li.li1>a{background: #3b5998;}
.menifesto_link_box>ul>li.li2>a{background: transparent linear-gradient(122deg, #f89c49 0%, #f22e76 100%) 0% 0% no-repeat padding-box;}
.menifesto_link_box>ul>li.li3>a{background: #00c73c;}

@media(max-width:1300px){
	#profile .cont01 .txt_box{height: 370px; max-width: 670px;}
	#profile .title_txt{margin-bottom:60px;}
	#profile .title_txt h4:nth-child(1){font-size:30px; line-height:35px;}
	#profile .title_txt h4:nth-child(2){font-size: 55px; line-height: 81px;}
	#profile .tltle_cont h5{font-size: 19px; line-height: 22px;}
	#profile .tltle_cont p{font-size: 16px; line-height: 20px;}
	#profile .tltle_cont ul li:nth-child(2){padding-left:50px;}
	#profile .profile_img01{width:290px;}
	#profile .profile_img02{width:300px;}
}	
	
@media(max-width:1100px){
	#profile .cont01 .txt_box{padding:0 40px;}
	#profile .tltle_cont ul{flex-direction: column;}
	#profile .tltle_cont ul li{width:100%; margin-bottom:5px;}
	#profile .tltle_cont ul li:nth-child(2){padding-left:0px;}
	#profile .tltle_cont ul li:nth-child(2):after{display:none;}
	#profile .profile_img01{width: 240px; right:120px;}
	#profile .profile_img02{width: 250px;}	
	
	#sub04{flex-direction: column;}
	#sub04 .sub_nav{display:block !important; width: 100%; margin: 0;}
	#sub04 .sub_nav_top{display:none;}
	#sub04 .sub_nav>ul{display: flex; top: 0; border:0px; padding:0px;}
	#sub04 .sub_nav>ul li{width:25%;}
	#sub04 .sub_nav>ul li:nth-child(1) a{border-left:1px solid #d4d4d4;}
	#sub04 .sub_nav>ul a{justify-content: center; border-top: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4;}	 
}
@media(max-width:650px){

	.menifesto_link_box>ul{    flex-direction: column;}
	.menifesto_link_box>ul>li{width:100%; margin:0; margin-bottom:10px;}
	.menifesto_link_box>a>img{right: 40px; top: 30px; height: 100px;}
	.menifesto_link_box>a{padding:40px;}
	.menifesto_link_box>a>p{position: relative; z-index: 5;}
	#sub04 .sub_nav>ul{flex-wrap: wrap;}
	#sub04 .sub_nav>ul li{width:50%;}
	#sub04 .sub_nav>ul li:nth-child(n + 3) a{border-top:0px;}
	#sub04 .sub_nav>ul li:nth-child(3) a{border-left:1px solid #d4d4d4;}
	#sub04 .sub_nav>ul a{font-size:16px; height:50px;}
	.sub_title h3{font-size:25px; line-height:30px;}
	#profile .cont01 .txt_box{padding: 0 5px; height: 270px;}
	#profile .title_txt{margin-bottom: 15px;}
	#profile .title_txt h4:nth-child(1):after{right: -112px; width:100px;}
	#profile .title_txt h4:nth-child(1){font-size: 21px;}
	#profile .title_txt h4:nth-child(2){font-size: 23px; line-height: 30px;}
	#profile .tltle_cont h5{padding-left:18px; font-size: 17px; line-height: 22px; margin-bottom: 5px;}
	#profile .tltle_cont h5:after{top: 2px; left: 0; background-size: cover; width: 15px; height: 15px;}
	#profile .tltle_cont p{font-size: 15px; line-height: 18px;}
	#profile .profile_img01{width: 140px; right: 30px;}
	#profile .profile_img02{width: 150px; right: 5px;}
	#profile .cont02{margin-bottom:35px;}
	#profile .cont02 .li_title{width:100%;}
	#profile .cont02 li ul{padding-left: 15px; padding-top: 15px; width:100%;}
	#profile .cont02>ul>li{padding:35px 0px; flex-direction: column;}
	#profile .cont02 .li_title h5{font-size:25px; line-height:30px;}
	#profile .cont02 .title{height: 100px; padding-left: 25px; }
	#profile .cont02 .title h4{font-size: 25px; line-height: 30	px;}
	#profile .cont02 li ul li{font-size: 16px; line-height: 27px; text-indent: -10px;}
	#profile .cont02 .title img{width:90%;}
	
	.notice_table #user_board_control .board_fr form{padding:0 10px;}
	.notice_table #user_board_control fieldset #sbfd{font-size: 0.8rem; width: 80px; padding: 0; height: 40px;     margin-right: 5px;}
	.notice_table #user_board_control fieldset #sbt{width: calc(100% - 150px); height: 40px; margin-right:5px;}
	.notice_table #user_board_control fieldset input[type="submit"]{font-size: 0.8rem; height: 40px; width: 60px; padding-left: 10px; background: #111112 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 36px 12px;}
	.notice_table .table_search button{font-size: 0.8rem; height: 40px; width: 60px; padding-left: 10px; background: #111112 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 36px 12px;}
	
	.table_search form{padding:0 10px;}
	.table_search select{font-size: 0.8rem; width: 80px; padding: 0; height: 40px;   margin-right: 5px;}
	.table_search input[type="text"]{width: calc(100% - 150px); height: 40px; margin-right: 5px; font-size: 0.8rem; }
	.table_search input[type="button"]{font-size: 0.8rem; height: 40px; width: 60px; padding-left: 10px; background: #111112 url(/resources/images/fnc_images/sub/search_icon01.png) no-repeat 36px 10px;}
	
}