@charset "utf-8";
/********* header *********/
.header_wrap {height:70px;}
.h_center>.h_logo {float: left;margin-top: 11px;}
.h_center>.h_logo>a>.logo_m {display:none;}
.h_center>.h_login{float: right;margin-top: 20px;}
.btn-primary {transition:0.3s; color:#fff !important;}
.btn-primary:hover {background-color: #fff; color:#000 !important; border:1px solid #1378cb}
.btn-default {transition:0.3s; color:#000;}
.btn-default:hover {background-color: #fff; color:#000; border:1px solid #1378cb}

/********* main_visual *********/
.main_visual {position:relative; max-width:100%;height:462px;background-image: url(/assets/images/petition/main_visual_2022.jpg);background-size:cover; background-repeat: no-repeat; background-position: center center;}
.main_visual .container{height: 100%;}
.main_visual .visual_txt{position: absolute; top: 50%; transform:translateY(-50%);}
.main_visual .visual_txt>h2>.visual_txt02{display:none;}
.main_visual .visual_txt>h2>.visual_txt03{display:none;}
.main_visual .visual_txt>.title_txt{font-size:18px; font-weight: bold; color:#fff; margin:20px 0}
.main_visual .visual_txt>.title_sub{font-size:14px; font-weight: bold;}
.main_visual .visual_txt>.visual_btn>a{display: block; width: 45%;background-color:transparent; border:1px solid #fff; color:#fff; text-align: center; padding:13px 0; font-size:22px;margin-top: 25px; font-weight: 600; transition:0.3s}
.main_visual .visual_txt>.visual_btn>button{display: block; width: 45%; border:1px solid #fff; color:#fff; text-align: center; padding:13px 0; font-size:22px;margin-top: 25px; font-weight: 600; transition:0.3s;background:transparent;}
.main_visual .visual_txt>.visual_btn>a:hover {background-color: #fff; color:#21537f}
.main_visual .visual_txt>.visual_btn>button:hover {background-color: #fff; color:#21537f}

/********* main_contents *********/
.main_contents {margin-top: 50px; position: relative;}
.main_contents>.tab_line {border-bottom:1px solid #1378cb; position:absolute; top:49px; width: 100%;}
.main_contents .nav-tabs {border-bottom:none;}
.main_contents .nav-tabs>li {width: 33.333333%; text-align: center;}
.main_contents .nav-tabs>li>a {font-size:19px; border-radius:0px 0px; border:1px solid #eee; border-bottom-color:transparent;margin-right:0px; color:#999;}
.main_contents .nav-tabs>li:NTH-CHILD(2)>a{border-left: none; border-right:none;}
.main_contents .nav-tabs>li.active>a {border:1px solid #1378cb; border-bottom-color:transparent; color:#1378cb; font-weight: 700; font-size:20px;}
.main_contents .nav>li>a{transition:0.2s}
.main_contents .nav>li>a:hover {background-color:#1378cb; color:#fff}

.main_contents .tab-content{}
.main_contents .tab-content .petition_info {text-align: center; font-size:30px; color:#333; margin-top:60px; letter-spacing: -1px;font-weight:600}
.main_contents .tab-content .petition_info>.petition_num {color:#1378cb; font-weight: 700;}
.main_contents .tab-content .serch-form-area {text-align: right; margin-bottom: 20px; margin-top: 50px;}
.main_contents .tab-content .serch-form-area .search-btn{display:inline-block;}
.main_contents .tab-content .serch-form-area .search-btn button{background-color: #1378cb; color:#fff; padding:2px 10px; margin-right: -4px;}

.main_contents .tab-content .table {width: 100%; border-top:2px solid #666; border-bottom:2px solid #ddd;}
.main_contents .tab-content .table tr>th,td{text-align: center; padding:13px 0;vertical-align:middle!important;}
.main_contents .tab-content .table tr>th{font-size:18px}
.main_contents .tab-content .table tr>td{font-size:14px}
.main_contents .tab-content .table tr>.title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: left;}
.main_contents .tab-content .table tr>.title>a{ font-size: 16px}
.main_contents .tab-content .table .top_line{background: #eee;}

.view_edit>a{color:#fff;}

/* tab3 */
.main_contents .tab-content>.petition_finish>.answer_list{margin: 80px 0;}
.main_contents .tab-content>.petition_finish>.answer_list>li{margin-bottom: 130px; width: 100%;}
.main_contents .tab-content>.petition_finish>.answer_list>li:after {content:"";display:block; width: 100%; height: 1px; background-color: #ddd; position: relative; top: 90px;}
.main_contents .tab-content>.petition_finish>.answer_list>li:LAST-CHILD:after {display: none;}
.main_contents .tab-content>.petition_finish>.answer_list>li>.media_box{float: left; width: 30%;text-align:center}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box{float: left; margin-left: 5%;width: 60%; padding-top: 20px;}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_icon {margin-top: 20px;}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_icon>li{float: left;font-weight:bold;margin-right: 3%; padding-top:40px; width: 20%; text-align: center;background-repeat: no-repeat; background-position: center top;}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_icon>li:before {content:""; display:block; width: 7px;height: 7px; border:2px solid #999; border-radius:50%; margin:0 3%;position: relative; right:17px; top:-25px}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_icon>li:FIRST-CHILD:before{display:none;}
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_top>h3{display:inline-block;font-weight:bold; background-color: #1379cb; color:#fff; border-radius:15px 17px; font-size:17px; padding:5px 15px; }
.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_top>p {font-size:19px; font-weight: bold;margin:10px 0;}
.answer_list>li>.txt_box>.txt_icon>.icon_01 {background-image: url(/assets/images/petition/answer_icon01.png); width: 30px;height: 35px;color:#999}
.answer_list>li>.txt_box>.txt_icon>.icon_02 {background-image: url(/assets/images/petition/answer_icon02.png); width: 31px;height: 31px;color:#81aacc}
.answer_list>li>.txt_box>.txt_icon>.icon_03 {background-image: url(/assets/images/petition/answer_icon03.png); width: 38px;height: 36px;color:#4a94d0}
.answer_list>li>.txt_box>.txt_icon>.icon_04 {background-image: url(/assets/images/petition/answer_icon04.png); width: 30px;height: 30px; color:#1379cb}

.answer_list>li>.txt_box>.txt_icon>.icon_03:before{border-color: #4a94d0 !important}
.answer_list>li>.txt_box>.txt_icon>.icon_04:before{border-color: #1379cb !important}

.answer_list .txt_answer{width: 100%; padding:20px}
.answer_list .txt_answer>img{padding-top: 50px;}
.answer_list .txt_answer>p{text-align:center;font-size:24px; font-weight: bold; padding-top: 20px; line-height:30px}
.answer_list .txt_answer>p:before{content:""; display:block; background-color: #1379cb; width: 30px; height: 3px; margin:0 auto;margin-bottom: 20px;}

/********* petition_add *********/
.petition_add .container{border:1px solid #dcdcdc; margin-top: 50px;}
.add_title{text-align: center; font-weight: bold; margin:30px 0; font-size:35px}
.personal_info{width: 80%; margin:0 auto; background-color: #f9f9f9; border:1px solid #dcdcdc; padding:40px}
.petition_add .personal_info .personal_title {font-size:16px; font-weight: 700; position: relative; padding-left: 20px;margin-bottom: 15px;}
.petition_add .personal_info .personal_title .add_link{background-color: #1379cb ; display:inline-block; color:#fff; padding:1px 8px; margin-left: 5px;}
.petition_add .personal_info .personal_title:LAST-CHILD{margin-top: 20px;}
.petition_add .personal_info .personal_title:before{content:""; display:inline-block; background-color:#1379cb; width: 10px; height: 10px; border-radius: 50%; position: absolute;left: 0;top: 6px;}
.petition_add .personal_info .personal_title .personal_sub{margin-top: 3px;}
.petition_add .personal_info .personal_title .personal_sub>li{font-size:14px; font-weight: 500; color:#555; padding-left: 10px;position: relative;}
.petition_add .personal_info .personal_title .personal_sub>li>br{display:none;}
.petition_add .personal_info .personal_title .personal_sub>li:before{content:""; display:inline-block; background-color: #cbcbcb; width:7px; height: 2px;position: absolute;top: 10px;left: -2px;}
.petition_add .personal_info .personal_title .personal_sub>.personal_sub_in{padding-left: 33px;}
.petition_add .personal_info .personal_title .personal_sub>.personal_sub_in:before{display:none;}
.petition_add .checkbox{text-align: center;}
.petition_add .checkbox>label>input{margin-top: 5px; width: 15px; height: 15px;}

.petition_add .petition_add_write {width: 80%; margin:0 auto; margin-top: 40px;}
.petition_add .petition_add_write .write_title {text-align:left !important; font-size:15px; width: 12%;}
.petition_add .petition_add_write .input-txt-box .write_title{padding-top: 125px;}
.petition_add .petition_add_write .form-group .col-sm-10{width: 88%;}

.petition_add .petition_add_btn{text-align: center; margin:50px 0 90px 0;}
.petition_add .petition_add_btn>button{padding:8px 5%; margin:0 4px}
.petition_add .petition_add_btn>a{padding:8px 5%; margin:0 4px}

.petition_add .add-file-list {margin-top:5px}
.petition_add .add-file-list>ul>li {background:none;padding:0 0 5px 0}
.petition_add .add-file-list>ul>li>a>span.label {padding:2px 8px;font-weight:400}


.ajax-upload-dragdrop { border : 0px !important; padding : 0 0 0 0 !important; color:#ccc !important;}
.ajax-upload-dragdrop>.ajax-file-upload {background-color:#555;box-shadow:0 0 0;margin:0 10px 0 0}
.ajax-upload-dragdrop > apan > b {padding-left: 5px !important;}

.add-error-msg {margin-bottom:0!important;color:#d20917}

#exampleInputFile {margin-top: 4px;}
.btn-zipcode {position: absolute; right: 15px; top: 0;}

/********* petition_view *********/
.graph_on_bullet{background-color: #1379cb;}
.petition_view>.container{border:1px solid #dcdcdc; margin-top: 50px;}
.petition_view .view_box{width: 85%; margin:0 auto; text-align: center;}
.petition_view .add_title:before{content:""; display:block; width: 54px; height: 8px; background-color: #1379cb; position: relative; top:-30px; margin:0 auto;}
.petition_view .view_box .view_member {font-size:23px; font-weight: bold; margin: 35px 0;}
.petition_view .view_box .view_member>span{color:#1379cb}
.petition_view .view_box .view_info{width: 85%;background-color: #f9f9f9;padding:10px; border:1px solid #ccc; margin:0 auto; border-radius:4px}
.petition_view .view_box .view_info>li{display: inline-block; font-weight: bolder; font-size:17px}
.petition_view .view_box .view_info>li>span{color:#666;}
.petition_view .view_box .view_info>li:after {content:""; display:inline-block; width: 3px; height: 3px; background-color: #000; margin:0 27px; position: relative; bottom:3px; border-radius:50%;}
.petition_view .view_box .view_info>li:LAST-CHILD:after {display:none;}
.petition_view .view_box .view_graph {padding:90px 0 60px 0; text-align: left; position: relative; margin:0 auto; width: 90%; font-size:15px;}
.petition_view .view_box .view_graph:before {content:""; display:block; width: 95%; height: 1px; background-color: #ccc; position: relative; bottom:0; margin:0 auto; left: 4px;}
.petition_view .view_box .view_graph>li{display:inline-block;position: absolute; font-weight: bold; color:#ccc}
.petition_view .view_box .view_graph>li:before{content:""; display:block; width:10px; height: 10px; background-color: #ddd; border-radius:50%; position: relative; bottom:5px; left: 50%; transform:translateX(-50%)}
.petition_view .view_box .view_graph>li:NTH-CHILD(1){left: 0%;}
.petition_view .view_box .view_graph>li:NTH-CHILD(2){left: 30%;}
.petition_view .view_box .view_graph>li:NTH-CHILD(3){left: 63%;}
.petition_view .view_box .view_graph>li:NTH-CHILD(4){right: 0%;}
.petition_view .view_box .view_graph>li.graph_on>span{color:#1379cb}
.petition_view .view_box .view_graph>li.graph_on:before{background-color: #1379cb;animation:rotation 1s 0s ease-in-out infinite alternate}
.petition_end_media{text-align: left;font-weight:bold; font-size:15px;}

.radio label, .checkbox label{font-size:17px; font-weight: 600;}

.view_txt_box {width: 100%; border-top:2px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:0 auto; margin:70px 0 10px 0;}
.view_txt_box>li {padding:15px 10px 15px 10px; border-bottom:1px solid #dcdcdc; font-size: 15px;}
.view_txt_box>.link:before {content:""; display:inline-block; background-image: url(/assets/images/petition/link_icon.png); width: 24px; height: 24px; margin-right: 5px; vertical-align:middle;}
.view_txt_box>.link>a {color:#1379cb;}
.view_txt_box>li:LAST-CHILD {border:none;}
.view_txt_box>li>h4{font-size:20px;}
.view_btn{margin-bottom:25px;}
.view_btn>p>a{display:inline-block; width: 31%; border:1px solid #1379cb;background: #1379cb; padding:20px 10px; font-size:22px; font-weight: bold; color:#fff; transition:0.2s; border-radius:8px 8px;}
.view_btn>p>a>span {margin-right: 8px; font-size: 20px}
.view_btn>p>a:hover {font-size:23px;color:#fff;}

.petition_end_file>ul{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:8px 0; text-align: left; margin-bottom: 10px;}
.petition_end_file>ul>li {padding:5px; font-size:14px; font-weight: bold;}
.petition_end_file>ul>li>a{color:#1379cb}
.petition_end_file>p {padding:5px; text-align: left; font-size:15px; font-weight: bold;margin-top: 20px;}
.view_list_btn {margin-bottom: 25px;}

.keyword-txt {height: 27px;}
#livereContainer>h4 {margin: 30px 0 10px 0; font-weight: bold; color:#1379cb}

/* .test_video {position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.test_video iframe, 
.test_video object, 
.test_video embed {
    position: absolute;
    width: 100%;
    height: 100%;
} */

/********* com *********/
.personal_com {text-align:center;}
.personal_com>h3 {font-weight: bold; font-size:30px;}
.personal_com>p {padding-top: 20px; font-size:17px;}

.com_btn {width: 100%; margin:40px 0 60px 0; text-align: center;}
.com_btn>li {display:inline-block; margin:0 10px;}
.com_btn>li>a {display:block; width: 120px;}

/********* footer *********/
.footer {background-color:#1f1f1f; text-align:left; color:#a8a8a8; padding:25px 0; width: 100%; margin-top: 50px;}
.footer .footer_logo {float: left; width: 15%; text-align: center;}
.footer .footer_logo>.f_logo02 {display:none;}

.footer .add_box {float: left; margin-left: 4%;margin-top: 20px; width: 56%;}
.footer .add_box>p>span>a{color:#a8a8a8}
.footer .add_box>p>span>a:hover {color:#fff; text-decoration: underline;}
.footer .add_box>p>span:after {content:"|"; margin: 0 5px; color:#ddd; opacity: 0.5}
.footer .add_box>p>span:LAST-CHILD:after {display:none;}

.footer .sns{float: left; width: 20%; margin-top: 30px;margin-left: 2%;}
.footer .sns ul li {display: inline-block; margin: 0 5px}
.footer .sns ul li a{color: #989898;text-align: center;font-size: 16px;display: block;width: 33px;height: 33px;border-radius: 3px;line-height: 33px;transition: background 0.3s;}
.footer .sns ul li.facebook a:hover{background: #3b5998; color:#fff}
.footer .sns ul li.twitter a:hover{background: #43bafd; color:#fff}
.footer .sns ul li.instagram a:hover{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); color:#fff}
.footer .sns ul li.youtube a:hover{background: #e82f2a; color:#fff}

/*  반응형  */
@media screen and (max-width:1200px){
	.petition_add .petition_add_write .form-group .col-sm-10{width: 100%;}
	.petition_add .petition_add_write .write_title {width: 100%;margin-bottom: 5px;}
}
@media screen and (max-width:991px){
	.main_visual .visual_txt>h2>.visual_txt01{display:none;}
	.main_visual .visual_txt>h2>.visual_txt02{display:inline-block;}
	.main_visual .visual_txt{left: 3%; width: 40%;}
	.petition_view .view_box {width: 100%;}
	.petition_view .view_box .view_info>li:after {margin:0 7px}
	.personal_info{width: 90%;}
	.petition_add .petition_add_write {width: 90%;}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box{padding-top: 0px;}
	.petition_view .view_box .view_graph:before{width: 93%;}
}
@media screen and (max-width:768px){
	.view_btn>p>a {width: 45%; padding:15px 15px;}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box{width: 65%; margin-left: 3%;}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_icon>li {width: 22%;}
}
@media screen and (max-width:640px){
	.main_visual {background-image: url(/assets/images/petition/main_visual_640.png); width: 640px; height: 286px;}
	.main_visual .visual_txt{width: 100%; text-align: center; position:initial; transform:initial; margin-top: 0px;}
	.main_visual .visual_txt>h2{margin-top: 10px;}
	.main_visual .visual_txt>.title_txt{margin:15px 0;}
	.main_visual .visual_txt>.visual_btn>a{display:inline-block; width: 30%; padding:10px 0; font-size:18px}
	.main_visual .visual_txt>.visual_btn>button{display:inline-block; width: 30%; padding:10px 0; font-size:18px}
	
	.main_contents .nav-tabs>li.active>a{font-size:18px}
	.main_contents>.tab_line{top: 46px;}
	
	.add_title{font-size:28px}
	.petition_view .view_box .view_info{width: 80%;}
	.petition_view .view_box .view_info>li{display:block;}
	.petition_view .view_box .view_info>li:after {display:none;}
	.petition_view .view_box .view_graph:before{width: 91%;}
	
	.main_contents .tab-content>.petition_finish>.answer_list>li>.media_box{display:none;}
	.main_contents .tab-content>.petition_finish>.answer_list {margin:40px 0;}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box{float:none; width: 95%;}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_top>h3{font-size:15px}
	.main_contents .tab-content>.petition_finish>.answer_list>li>.txt_box>.txt_top>p {font-size:17px;}
	
	.main_contents .tab-content .table tr>th{font-size:16px;}
	.table_date{display:none;}
	.date_line{display:none;}
	.date {display:none;}
	
	.personal_com>h3 {font-size:25px;}
	.personal_com>p {font-size:15px;}
	
	.view_btn>p>a{width: 50%; font-size:20px;}
	.view_btn>p>a:hover{font-size:21px;}
	#liverePlugIn .livereGuideLayer {width: 300px !important;}
	
	.footer .footer_logo{float:none; width: 100%;}
	.footer .footer_logo>.f_logo01 {display:none;}
	.footer .add_box{float:none; margin-left: 0px; margin-top: 20px; width: 100%; text-align: center;}
	.footer .sns{float:none; width: 100%;margin-left: 0px; text-align: center;}
	
}
@media screen and (max-width:480px){
	.header_wrap {background-image: url(/assets/images/petition/header_bg.png);height: 70px; border-bottom: 1px solid #949898;}
	.h_center>.h_login>a {background-color: transparent !important; border-color:#949898; color:#fff;}
	.h_center>.h_login>a:hover {background-color: #1378cb !important; color:#fff !important; border-color:#1378cb }
	.h_center>.h_logo>a>.logo_m {display:block;margin-top:3px;}
	.h_center>.h_logo>a>.logo_w {display:none;}
	.main_visual {background-image: url(/assets/images/petition/main_visual_2022_480.png); width: 480px; height: 335px;}
	.main_visual .visual_txt {margin-top:40px ;}
	.main_visual .visual_txt>.title_sub{font-weight: normal; color:#c5c6c6!important; font-size:13px;}
	.main_visual .visual_txt>.visual_btn>a{width: 40%;}
	.main_visual .visual_txt>h2>.visual_txt02{display:none;}
	.main_visual .visual_txt>h2>.visual_txt03{display:inline-block;}
	.main_visual .visual_txt>.title_txt{margin:20px 0;}
	
	.main_contents {margin-top: 25px;}
	.main_contents>.tab_line{display:none;}
	.main_contents .nav-tabs>li {width: 100%;margin-bottom:5px;}
	.main_contents .nav-tabs>li>a {border:1px solid #ddd; font-size:18px;}
	.main_contents .nav-tabs>li:NTH-CHILD(2)>a{border:1px solid #ddd;}
	.main_contents .nav-tabs>li.active>a {border:1px solid #1378cb; background-color: #1378cb; color:#fff}
	.petition_view .view_box .view_graph {padding:55px 0 15px 0;}
	.main_contents .tab-content .petition_info{margin:35px 0 30px 0;}
	.main_contents .tab-content .table tr>th, td{padding:7px 0;}
	
	.add_title{font-size:24px;}
	.petition_view .view_box .view_member {font-size:19px; margin:20px 0;}
	.petition_view .view_box{width: 100%;}
	.personal_info {width: 100%; padding:25px}
	.personal_com>h3 {font-size:22px;}
	.personal_com>p {font-size:14px;}
	.main_contents .tab-content .petition_info{font-size:20px;}
	.petition_add .personal_info .personal_title .personal_sub>li{padding-left: 10px; font-size:13px;}
	.petition_add .petition_add_write{width: 100%;}
	.petition_view>.container{border-right:none; border-left:none;}
	.petition_view .view_box .view_graph{font-size:13px;}
	.petition_view .view_box .view_graph:before{width: 88%;}
	.petition_view .view_box .view_info>li{font-size:15px;}
	.view_txt_box>li{font-size:14px;}
	.personal_com>p>br {display:none;}
	.petition_end_media{margin-top: 50px;}
	.view_btn>p>a{width: 65%; font-size:18px;}
	.view_btn>p>a:hover {font-size:19px;}
	
	#liverePlugIn #livereGuide{bottom:-135px !important;}
}

@media screen and (max-width:400px){
	.main_visual .visual_txt{margin-top: 35px;}
	.main_visual .visual_txt>.title_sub{font-size:13px;}
	.main_visual .visual_txt>.title_sub>br{display:none;}
	.main_visual .visual_txt>.title_txt>span{display:block;margin-bottom: 5px;}
	.main_visual .visual_txt>.title_txt{margin:16px 0;}
	
	.petition_end_media{font-size:13px;}
	.view_txt_box>li{font-size:13px;}
	
	.main_contents .tab-content .table tr>th {font-size:14px;}
	.main_contents .tab-content .table tr>.title>a{font-size:14px;}
	
	#livereContainer>h4{font-size:15px;}
}

@media screen and (max-width:360px){
	.main_visual .visual_txt>.title_sub{font-size:12px;}
	
	.petition_view .view_box .view_graph:before{width: 86%;}
	.petition_view .view_box .view_info{width: 80%;}
	.personal_info {padding:15px}
	.petition_add .personal_info .personal_title{text-align: left; font-size:14px}
	.petition_add .personal_info .personal_title .personal_sub>li:before{width: 2px;}
	.petition_add .personal_info .personal_title .personal_sub>li{margin-bottom: 0px;font-size:12px;}
	
	
	#liverePlugIn .livereSNSLoginIconContainer .livereSNSLoginIcon {margin:0x 0px !important;}
	.livereSNSLoginIconContainer ul li{width: 47px !important;}
	#liverePlugIn .livereGuideLayer {width: 250px !important;}
}


@keyframes rotation{
	from{
		opacity:0;
	};
	50% {
		opacity:0.5;
	};
	100%{
		opacity:1;
	};
};