/* layout */


select::-ms-expand {display:none}


/*color*/
.color-mint { color: #FFA8B1; }
.color-red { color: #e21b41; }
.color-purple { color: #7f62a8; }
.color-blue { color: #cf2447; }
.color-green { color: #37bfb3; }

.color-blue_r { color: #3875b5; }
.color-green { color: #409875; }
.color-mint_r { color: #37bfb3; }






.bg-mint { background: #FFA8B1; }
.bg-red { background: #e21b41; }
.bg-purple { background: #7f62a8; }
.bg-blue { background: #cf2447; }
.bg-blue_r { background: #3875b5; }
.bg-green { background: #409875; }
.bg-mint_r { background: #37bfb3; }









/*header*/
#header { width: 100%; position: fixed; left: 0; top: 0; background: #cf2447
; height: 160px; line-height: 160px; font-size: 18px; font-weight:bold; color:#fff; z-index: 10; }
#header .clearfix h1 { float: left; display: flex;align-items: center;}
#header .clearfix h1 .logo_100th{width: 185px;display: inline-block;margin-left: 20px;}
#header .clearfix h1 .logo_100th > img{width: 100%;vertical-align: middle;height: auto;}
#header h1 img { max-width: 100%; max-height: 100%; height: 65px; }

#header .clearfix .top_nav { float: right; }
.top_nav {  }
.top_nav .depth01 > li { position: relative; margin-left: 60px; float: left; }
.top_nav .depth01 > li:nth-child(4){display: none;}
.top_nav .depth01 > li > a { display: block; }
.top_nav .depth01 > li:hover  ul.depth02  { display: block; }
.top_nav .depth01 ul.depth02 { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% - 50px); width: 160px; background: #fff; border-radius: 10px; overflow: hidden; padding: 0 10px; line-height: normal; z-index:1; box-shadow: 0 5px 20px rgba(0,0,0,0.1);  }
.top_nav .depth01 ul.depth02 li a { display: block; font-size:17px; color: #cf2447; font-weight: 900; height: 50px; line-height: 50px; border-bottom: 1px solid #cf2447; position: relative; }
.top_nav .depth01 ul.depth02 li:last-child a { border-bottom:0; }
.top_nav .depth01 ul.depth02 li a img { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.top_nav .depth01 ul.depth02 li .depth02_tit { padding-bottom: 5px; position:relative; }
.top_nav .depth01 ul.depth02 li .depth02_tit:after { content:""; display:block; position: absolute; left: 0; bottom:0; width: 0%; height: 1px; background: rgba(200,16,80,0.4); transition: 0.5s; }
.top_nav .depth01 ul.depth02 li a:hover .depth02_tit:after { width: 100%; }



/*footer*/
.page_ft { background: #cf2447; color: #fff; font-size: 16px; /* font-family: 'Noto Sans KR', sans-serif; */  letter-spacing: -0.06rem; }
.page_ft { height: 140px; display:flex; align-items: center; box-sizing:border-box; } 
.page_ft .left { float:left; width: 213px;}
.page_ft .left img {width:100%;}
.page_ft .right { float: right; width:  calc(100% - 273px); }
.com_info{margin-bottom: 5px; }
.com_info p { float: left; padding: 0 23px; position:relative; }
.com_info p:first-child { padding-left: 0; }
.com_info p:last-child { padding-right: 0; }
.com_info p:after { content:""; width: 1px; height: 12px; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.com_info p:last-child:after{ display: none; }
.page_ft .copy{ font-size: 13px; letter-spacing:0; text-transform: uppercase;}
.page_ft .copy b{ }


/*body영역*/
#body { padding-top: 280px; }
#body img { max-width: 100%; }




/*sub*/
.board_wrap { width:100%; max-width: 1200px;  margin: 0 auto; /* overflow:hidden;  */padding-bottom: 120px; color:#222425; }
.board_title { text-align:center; margin-bottom: 60px; overflow: hidden;} 
.board_title h3 { color: #cf2447; font-weight: 900; font-size: 50px;  }
.board_title .btn_admin { background: #e21b41; padding: 5px 15px; font-size: 16px; font-weight: 900; color:#fff; border-radius: 5px; float: right; }

 





/*gallery list*/
/*search top*/
.tb_top_wrap { height: 50px; line-height: 50px; margin-bottom: 50px; }
.tb_top_wrap .left { float: left; }
.tb_top_wrap .right { float: right; }

.tb_top_wrap  .total { font-size: 16px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; height: 50px; line-height: 50px; position: relative; }
.tb_top_wrap  .total:after { content:""; display: block; position: absolute; left:0; bottom: 0; height: 2px; width: 20px; background: #cf2447; }
.tb_top_wrap  .total .color_blue { font-weight: bold; color:#cf2447; }

.tb_top_wrap  #select_order { width: 100px; height: 40px; vertical-align: bottom; display: inline-block; margin-right: 10px; padding: 5px; }
.tb_top_wrap .search_wrap { display: inline-block;width: 285px; position: relative;}
.tb_top_wrap .search_wrap #search { width: 100%; display: block; height: 50px; line-height: 50px; padding: 01 10px; padding-right: 50px; border:0; border-bottom: 1px solid #222425; } 
.tb_top_wrap .search_wrap .btn_search { background: transparent; border:0; position:absolute; right: 0; top:0; width: 50px; height: 50px; }



/*gall*/
.gall_list { border-top: 1px solid #e6eaec;  border-bottom: 1px solid #e6eaec; padding-bottom: 50px; }
.gall_list li { float: left; width: calc(33.333% - 50px); margin-right: 75px; margin-top: 50px;  }
.gall_list li:nth-child(3n) { margin-right: 0; }
.gall_list li .gall_img { /* background: #f2f7fa; */ background: #f9f9f9; border: 1px solid #ddd; height: 290px; overflow: hidden; display:flex; align-items:center; } 
.gall_list li .gall_img img { width: 100%; max-width: 100%;   }

.gall_list .gall_txt { padding: 20px 0 0 0; height: 92px; }
.gall_list .gall_txt .gall_tit { font-size: 20px; font-weight: 900; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp :2;
	-webkit-box-orient: vertical;
	word-break: break-word;
	line-height: 1.2em;
	max-height: 2.4em;
}
.gall_list .gall_txt .date { font-size: 18px; color: #73787d; margin-top: 10px; }





.tb_wrap { width:100%; overflow:hidden; }
.tb_wrap table { width:100%; } 

							



/*prd_list 제품소개*/
.sec_wrap { }
.prd_tab { margin-bottom: 105px; overflow: hidden; }
.prd_tab li { float:left; width: 50%; text-align:center; height: 60px; line-height: 60px; font-size: 20px; background: #f6f7f9; border: 1px solid #e6eaec; border-bottom-color: #222425; cursor:pointer;  }
.prd_tab li.on { color:#cf2447; font-weight: 900; border-color: #222425; border-bottom: 0; background: #fff; }

.sec_con img { max-width: 100%; }
.sec_his .left , .sec_his .right { float: left; width: 50%; }
.sec_his .left { padding-left: 00px; padding-right: 80px; position: relative;}
.sec_his .left img { box-shadow : 0 10px 20px rgba(0,0,0,0.1); }

.sec_his .left .his_img_ab { position: absolute; left: 40px; top: 40px; display:none  }

.sec_his .left .his_img_ab02 {  left: 80px; top: 80px;  }
.sec_his .left .his_img_ab03 {  left: 120px; top: 120px;   }







/*


.sec_his .left .his_img_main { 
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.sec_his .left .his_img_ab01 {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-delay: 9s;
	animation-fill-mode: both;
}
.sec_his .left .his_img_ab02 { left: 80px; top: 80px; 
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-delay: 10s;
	animation-fill-mode: both;
}


.sec_his .left .his_img_ab03 { left: 120px; top: 120px; 
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-delay: 11s;
	animation-fill-mode: both;
}




@keyframes fadeIn {
0% { opacity:0; }
100% { opacity: 100%; }
}
*/



.sec_his .his_graph { padding-left: 100px; position: relative; }
.sec_his .his_graph li { position: relative; padding-bottom: 110px; }
.sec_his .his_graph li:before { content: ""; position: absolute; left: -100px; top: 30px; width: 1px; height: 100%; background: #e6eaec;}
.sec_his .his_graph li:last-child { padding-bottom: 120px; }
.sec_his .his_graph li:last-child:before { display: none; }
.sec_his .his_graph li .year{ font-size:40px; font-weight: 900; color: #cf2447; margin-bottom: 10px; position: relative; }
.sec_his .his_graph li .year:before { content: ""; width: 100px; height: 1px ; background: #e6eaec; position: absolute; left: -100px; top: 50%; transform: translateY(-50%); }
.sec_his .his_graph li .year:after { content: ""; width: 10px; height: 10px ; background: #cf2447; position: absolute; left: -105px; top: 50%; transform: translateY(-50%); z-index: 1; border-radius: 50%; }
/* .sec_his .his_graph li:first-child .year:after {background: url('../images/common/bullet.png') no-repeat 50%; width: 20px; height: 20px; left: -110px; }
 */

.sec_his .his_graph li .txt{ font-size: 25px; font-weight: 900; margin-bottom: 10px; word-break:keep-all; }
.sec_his .his_graph li .tail{ font-size: 18px; color: #73787d; }



.sec_his .his_graph li.on .year:after { transition:.1s; background: url('../images/common/bullet.png') no-repeat 50%; width: 20px; height: 20px; left: -110px; }
.sec_his .his_graph li:after {content:''; display:block; width:1px; height:0; background:#cf2447; position:absolute; left: -100px; top: 30px;  }
.sec_his .his_graph li:last-child:after { display: none; }
.sec_his .his_graph li.on:after { transition: height 3.2s;  height:100% }

.sec_his .his_graph li.on:after {  }







.sec_prd { letter-spacing: -0.12rem; display:none;}
.sec_prd .prd_tab { margin-bottom: 0; }
.sec_prd .left , .sec_prd .right { float: left; }
.sec_prd .prd_ul li { padding: 60px 0;  border-bottom: 1px solid #e6eaec; word-break: keep-all; } 
.sec_prd .prd_ul li:first-child { padding-top: 0; }
.sec_prd .prd_ul li .left { width: 320px; }
.sec_prd .prd_ul li .left img {  }
/*box-shadow: 5px 5px 20px rgba(0,0,0,0.1);*/
.sec_prd .prd_ul li .right { width: calc(100% - 320px); padding-left: 50px; display:flex; align-items: center;  }
.sec_prd .prd_ul li .right .prd_txt , .sec_prd .prd_ul li .right .open_detail { float: left; }
.sec_prd .prd_ul li .right .prd_txt { width: calc(100% - 220px); padding: 35px 0; }
.sec_prd .prd_ul li .right .prd_txt .prd_txt_top { font-size: 25px; margin-bottom: 10px; }
.sec_prd .prd_ul li .right .prd_txt .prd_text_big { font-size: 45px; font-weight: 900; margin-bottom: 15px; }
.sec_prd .prd_ul li .right .prd_txt .prd_text_big b { font-weight: 900; }
.sec_prd .prd_ul li .right .prd_txt .prd_bottom { font-size: 25px; color: #73787d; margin-bottom: 10px; }
.sec_prd .prd_ul li .right .prd_txt .prd_hash { font-size: 18px; color: #73787d; letter-spacing: -0.03rem; }
.sec_prd .prd_ul li .right .prd_txt .prd_hash span { display: inline-block; margin-right: 10px; }

.sec_prd .prd_ul li .right .open_detail { width: 220px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 25px; font-weight: 900; color: #fff; padding: 0 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border: 0; letter-spacing: -0.09rem; }
.sec_prd .prd_ul li .right .open_detail img { margin-right: 10px; vertical-align: middle; margin-top: -3px; }






	
/*event*/
#body.event_wrap { background: #f9f9f9; padding-bottom: 60px;  }
.event_con { background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px; padding: 60px; overflow: hidden; }
.event_con .event_title { font-style: italic; font-weight: 900; font-size: 40px; text-align: center; margin-bottom: 50px; }
.event_con .event_title h3 { color: #cf2447; font-weight: 900; font-size: 60px; }

.event_con .event_sec { margin-bottom: 80px; }
.event_con .event_sec:last-of-type { margin-bottom: 0;}
.event_con .sec_title { font-size: 40px; font-weight: 900; margin-bottom: 30px; text-align:center; }
.event_con .iframe_wrap { position: relative; height: 0; padding-bottom: 56.25%; text-align: center;  }
.event_con .iframe_wrap iframe { position: absolute; width: 100%; height: 100%; left: 0; top:0; box-shadow:0 0 30px rgba(0,0,0,0.1);}

.event_con .event_img_wrap  { text-align:center; }
.event_con .event_img_wrap img { max-width: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.1);}



.event_con .mint_box { background: #FFE5E8; border-radius: 10px; text-align: center; overflow:hidden; }
.event_con .mint_box_top { width: 100%; max-width: 800px; color:#cf2447; margin: 0 auto; padding: 40px; }
.event_con .mint_box_top .mint_q { font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid;} 
.event_con .mint_a { font-size: 50px; font-weight: 900; text-align: center; margin-top: 20px; }
.event_con .mint_a img { display: inline-block; }
.event_con .mint_a .quiz_txt_mob { display: none; }
.event_con .mint_a >  span {  display:inline-block; margin-top: 30px; }
.event_con .mint_a >  span:nth-child(1) {margin-right: 40px;}
.event_con .mint_a .blank { display:inline-block; text-indent: -999999999px; width: 60px; height: 60px; border-radius: 5px; border: 3px solid #cf2447; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.15); } 


.mint_select { background: #FFA8B1; text-align: center; color:#fff; padding: 25px; }
.mint_select .mint_radio_wrap { display: inline-block; margin-right: 45px; font-size: 30px; color: #fff; }
.mint_select .mint_radio_wrap:last-child { margin-right: 0; }
.mint_select input[type=radio] { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0; width:0; height:0; border:none; }
.mint_select input[type=radio] + label { display:inline-block;width: 30px; height: 30px;background: url('../images/common/radio.png') no-repeat 0 0 ;margin-right: 5px;box-shadow:  0 5px 20px rgba(0,0,0,0.15); vertical-align:middle; border-radius:50%; }

.mint_select input[type=radio]:checked + label { background: url('../images/common/radio_on.png') no-repeat 0 0 ; }
.mint_select input[type=radio]:checked + label +span{ color: #ffff00; font-weight: 900; }
/* input { -webkit-appearance: none !important; -webkit-border-radius: 0 !important;  }
 */




.event_con .blue_box { background: #fcd1da; padding : 50px; border-radius: 10px; }
.event_con .blue_box_inner { width: 100%; max-width: 520px; margin: 0 auto; }
.event_con .blue_box dl {  margin-bottom: 15px;}
.event_con .blue_box dl dt,.event_con .blue_box dl dd { float: left; }
.event_con .blue_box dl dt { font-size: 25px; font-weight: 900; width: 110px; padding-top: 10px; color: #333; }
.event_con .blue_box dl dt .reqired	 { vertical-align: middle; color:#cf2447;  }
.event_con .blue_box dl dd  { width: calc(100% - 110px); font-size: 20px; font-weight: bold; }
.event_con .blue_box dl dd input[type=text] { border: 3px solid #FFE5E8; border-radius: 5px; background: #fff; width: 100%; display: inline-block; padding: 0 10px; height: 50px; line-height: 50px; box-shadow:  0 5px 20px rgba(0,0,0,0.15);     font-size: 20px;    font-weight: bold; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif;}
.event_con .blue_box dl dd input[type=text]::placeholder { font-size: 20px; font-weight: 900; color: #222425; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif; line-height: 50px;}

.event_con .blue_box dl.addr_wrap div { margin-bottom: 15px; }
.event_con .blue_box dl.addr_wrap div:last-child { margin-bottom:0; }
.event_con .blue_box dl .addr_btn_wrap input[type=text] { width: calc(100% - 160px); float:left; margin-right: 10px; }
.event_con .blue_box dl .addr_btn_wrap .btn_addr { float:left; font-size: 20px; font-weight: 900; background: #222425; border-radius: 5px; color:#fff; width: 150px; height: 50px; line-height: 50px; border:0; cursor:pointer; }

.event_con .blue_box .agree_check { padding-left: 110px; font-size: 20px;  font-weight: bold; margin-top: 30px; color: #333; letter-spacing: -0.06rem; }
.event_con .blue_box .agree_check input[type=checkbox] { width:0; height:0; border:none; appearance: none; -webkit-appearance: none;  -moz-appearance: none;}
.event_con .blue_box .agree_check input[type=checkbox] + label { display: inline-block; width: 30px; height: 30px; background: url('../images/common/radio.png') no-repeat 0 0 ; box-shadow:  0 5px 20px rgba(0,0,0,0.15); vertical-align: middle;  border-radius:50%; margin-right: 5px;}
.event_con .blue_box .agree_check input[type=checkbox]:checked +label { background: url('../images/common/radio_on.png') no-repeat 0 0 ; }

.event_con .blue_box .agree_check b{ color: #cf2447; }

.event_con .e_submit { margin: 0 auto; display: block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 25px; font-weight: bold; background: #cf2447; box-shadow:  0 5px 20px rgba(0,0,0,0.15); color: #fff; margin-top: 60px;border:0; }
.event_con .e_submit img { display: inline-block; margin-left: 15px; margin-top: -5px; } 


.privacy p, 
.policy p,
.privacy li, 
.policy li{ font-size:16px; line-height: 22px; }

.privacy .article_tit,
.policy .article_tit, 
.privacy .article,
.policy .article { width:100%; overflow:hidden; padding: 5px 0; }

.privacy .additional,
.policy .additional { width:100%; overflow:hidden; padding: 20px 0; }



.policy .article_tit,.privacy .article_tit { font-weight:900; }
.policy .article {  }


.privacy .order { padding-bottom: 10px; }
.privacy .article_num  { padding-bottom: 5px; padding-left: 10px;}
.privacy .article_num .num { display: inline-block; width: 14px; height: 14px; line-height: 14px; border: 1px solid #222425; border-radius: 50%; font-size: 12px; margin-right: 5px; text-align: center;}
.privacy .article_detail { padding-left: 20px; padding-bottom: 5px; }
.privacy .article_detail_tit { font-weight: 600; }
.privacy .article_detail_tit:before { content:""; display:inline-block; width: 4px; height: 4px; border-radius: 50%; background:#222425; vertical-align: middle; margin-right: 5px; }
.article_detail_txt { padding-left: 10px; padding-bottom: 5px;}



/*학술정보*/
.board_table table { border-top: 1px solid #000; table-layout: fixed;}
.board_table table th, .board_table table td { padding: 15px 10px; font-size: 18px; border-bottom: 1px solid #ddd; }
.board_table table td { text-align: center; }
.board_table table .checkbox { width: 80px; }
.board_table table .number { width: 50px; }
.board_table table .date { width: 140px; }

.board_table table td.subject { text-align: left; } 
.board_table table td.subject a { display: block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 98%; overflow:hidden;}








/*faq*/
.faq_search_wrap { border: 5px solid #f6f7f9; border-radius: 10px;  padding: 30px 0; margin-bottom: 20px; text-align:center;box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
.faq_search_wrap .search_wrap #search { width: 300px; border: 1px solid #ddd; padding: 0 15px; height: 40px; line-height: 40px; display: inline-block; font-size: 16px; }
.faq_search_wrap .search_wrap .btn_search { background: transparent; border:0; text-align: center; display: inline-block; width: 40px; height: 40px; }

.faq_cate li { display: inline-block; height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; border-radius: 5px; color: #cf2447; border: 2px solid #cf2447; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; }
.faq_cate li a { display: block; padding: 0 10px; }
.faq_cate li.on { background: #cf2447; color:#fff; }



.faq_list { margin-top: 100px; }
.faq_list li { background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.1); font-size: 20px; border-radius: 10px;  margin-bottom: 40px; padding: 0 40px; line-height: 1.6; }
.faq_list li .faq_q,.faq_list li .faq_a { position: relative;  padding: 40px;} 
.faq_list li .faq_q { cursor: pointer; font-weight: 900; }
.faq_list li .faq_q p{ overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.6em;
max-height: 3.2em;}
.faq_list li .faq_a { border-top: 1px solid #ddd; transition: 0.3s; display: none; font-weight: bold;}
.faq_list li .faq_bg_left { position: absolute; left: 0px; top: 35px; font-size: 30px; font-weight: 900; }



/*열기 닫기 애니메이션 (아이콘)*/
.faq_list li .faq_q  .faq_open_fold { position: absolute; right: 0; top: 35px; width: 20px; height: 20px;}
.faq_list li .faq_q  .faq_open_fold:before { content: ""; display: block; position: absolute; left: 50% ; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 2px; background: #ddd; transition: 0.3s; }
.faq_list li .faq_q  .faq_open_fold:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 2px; height: 100%; background: #ddd; transition: 0.3s; }

.faq_list li .faq_q  .faq_open_fold.on:after { transform: translate(-50%,-50%) rotate(-90deg); }

/*열기 닫기 애니메이션 (faq_a)*/
.faq_list li .faq_a.on { display: block; }







/* 게시판 - 뷰페이지*/
.view_con img { max-width: 100%; }
.view_con table { width: 100%; font-size: 18px; border-top: 1px solid #000;} 
.view_con table th { display:none; }
.view_con table th, .view_con table td { padding: 20px 10px; border-bottom: 1px solid #ddd; word-break:break-all;}
.view_con table .title td{ font-size: 20px; font-weight: 900;  }
.view_con table .info td,.view_con table .info th { padding: 15px 10px; }
.view_con table .info td { text-align: right; }
.view_con table .info td span { display: inline-block; margin-left: 20px; font-size: 14px; }

.view_con table .content td { min-height: 200px; } 
.view_con table .content .file { margin-top: 100px; border: 1px solid #ddd;  }
.view_con table .content .file .file_title { border-bottom: 1px solid #ddd; padding: 10px 15px; font-weight: bold; font-size: 16px; }
.view_con table .content .file .file_list { padding: 10px 15px; font-size: 15px; }
.view_con table .content .file .file_list li { margin-top: 10px; }
.view_con table .content .file .file_list li:first-child { margin-top:0; }

.bottom_btn_wrap { margin-top: 50px; text-align: right; }
.border_button { display: inline-block;  padding: 0 15px; height: 40px; line-height: 40px; font-size: 15px; color: #cf2447; border: 1px solid #cf2447; }

.view_nav { border-bottom: 1px solid #ddd; margin-top: 50px}
.view_nav li { overflow: hidden; font-size: 14px; padding: 12px 10px; border-top: 1px solid #ddd; }
.view_nav li .view_nav_tit, .view_nav li a{ float: left; }
.view_nav li .view_nav_tit { width: 80px; }
.view_nav li .view_nav_tit i { padding-right: 5px; }
.view_nav li a { font-size: 16px; width: calc(100% - 160px); display:block;text-overflow:ellipsis;
white-space:nowrap;	 word-wrap:normal; overflow:hidden; }
.view_nav li .date { float:right; width: 80px; text-align: right; }



/*문의하기*/
.inquire_con { background: #fcd1da; padding : 50px; border-radius: 10px; }
/*#cf2447*/
.inquire_con .inquire_inner { width: 100%; max-width: 800px; margin: 0 auto; }
.inquire_con  dl {  margin-bottom: 15px;}
.inquire_con  dl dt,.inquire_con  dl dd { float: left; }
/*.inquire_con  dl dt { font-size: 25px; font-weight: 900; width: 210px; padding-top: 10px; color: #fff; }*/
.inquire_con  dl dt { font-size: 25px; font-weight: 900; width: 210px; padding-top: 10px; color: #333; }
.inquire_con  dl dt .reqired	 { vertical-align: middle; color:#cf2447;  }
.inquire_con  dl dd  { width: calc(100% - 210px); font-size: 20px; font-weight: bold; }
.inquire_con  dl dd input[type=text] { border: 3px solid #FFE5E8; border-radius: 5px; background: #fff; width: 100%; display: inline-block; padding: 0 10px; height: 50px; line-height: 50px; box-shadow:  0 5px 20px rgba(0,0,0,0.15);     font-size: 20px;    font-weight: bold; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif;}
.inquire_con  dl dd input[type=text]::placeholder { font-size: 20px; font-weight: 900; color: #222425; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif; line-height: 50px;}
 .inquire_con  dl dd textarea { resize: none; border: 3px solid #FFE5E8; border-radius: 5px; background: #fff; width: 100%; display: inline-block; padding: 10px; height: 200px; box-shadow:  0 5px 20px rgba(0,0,0,0.15);     font-size: 20px;    font-weight: bold; font-family: 'Nanum Square', 'Noto Sans KR', sans-serif; }

.inquire_con  .agree_check { padding-left: 210px; font-size: 20px;  font-weight: bold; margin-top: 30px; color: #333; letter-spacing: -0.06rem; }
.inquire_con  .agree_check input[type=checkbox] { width:0; height:0; border:none; appearance: none; -webkit-appearance: none;  -moz-appearance: none;}
.inquire_con  .agree_check input[type=checkbox] + label { display: inline-block; width: 30px; height: 30px; background: url('../images/common/radio.png') no-repeat 0 0 ; box-shadow:  0 5px 20px rgba(0,0,0,0.15); vertical-align: middle;  border-radius:50%; margin-right: 5px;}
.inquire_con  .agree_check input[type=checkbox]:checked +label { background: url('../images/common/radio_on.png') no-repeat 0 0 ; }

.inquire_con  .agree_check b{ color: #cf2447; }
/*
.inquire_con  .agree_check b{ color: #ffff00; }
.inquire_con  .inq_submit { margin: 0 auto; display: block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 25px; font-weight: bold; background: #fff; box-shadow:  0 5px 20px rgba(0,0,0,0.15); color: #cf2447; margin-top: 60px;border: 0; }
*/
.inquire_con  .inq_submit { margin: 0 auto; display: block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 25px; font-weight: bold; background: #cf2447; box-shadow:  0 5px 20px rgba(0,0,0,0.15); color: #fff; margin-top: 60px;border: 0; }

.inquire_con  .inq_submit img { display: inline-block; margin-left: 15px; margin-top: -5px; }




/*event*/
#body.nico_test_wrap { background: #f9f9f9; padding-bottom: 60px;  }
.nico_test_con { background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px; padding: 60px; overflow: hidden; }
.nico_test_con .nico_test_title { font-weight: 900; font-size: 40px; text-align: center; margin-bottom: 50px; }
.nico_test_con .nico_test_title h3 { color: #cf2447; font-weight: 900; font-size: 60px; }

.nico_form_title { margin-bottom: 30px; color: #FFA8B1; font-size: 18px; text-align:center; }
.nico_form_title h4 { font-size: 40px; font-weight: 900; }

.nico_test_form { border-radius: 10px; overflow: hidden; padding: 40px; }
.nico_test_form .nico_test_li  { margin-bottom: 30px; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; }
.nico_test_form .nico_test_q { font-size: 25px; padding: 20px; background: #c5c5c5; color: #000;}
/* #cf2447 */
.nico_test_form .nico_test_a { font-size: 20px; padding: 20px;background: #fff;  }
.nico_test_form .nico_test_a .test_radio_wrap { display: inline-block; margin-right: 45px; font-size: 20px; color: #000; }
.nico_test_form .nico_test_a .test_radio_wrap:last-child { margin-right: 0; }
.nico_test_form .nico_test_a .test_radio_wrap input[type=radio] { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius:0; width:0; height:0; border:none; }
.nico_test_form .nico_test_a .test_radio_wrap input[type=radio] + label { display:inline-block;width: 30px; height: 30px;background: url('../images/common/radio.png') no-repeat 0 0 ;margin-right: 5px;box-shadow:  0 5px 20px rgba(0,0,0,0.15); vertical-align:middle; border-radius:50%; }

.nico_test_form .nico_test_a .test_radio_wrap input[type=radio]:checked + label { background: url('../images/common/radio_on.png') no-repeat 0 0 ; }
.nico_test_form .nico_test_a .test_radio_wrap input[type=radio]:checked + label +span{ color: #cf2447; font-weight: 900; }

.nico_test_form .e_submit { margin: 0 auto; display: block; width: 220px; height: 60px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 25px; font-weight: bold; background: #cf2447; box-shadow:  0 5px 20px rgba(0,0,0,0.15); color: #fff; margin: 60px auto 20px;border:0; }
/* #222425 */