@charset "utf-8";


/*공통*/
.sidebar_custom{background: #45a9e6; /* Old browsers */background: -moz-linear-gradient(left,  #45a9e6 11%, #1b57cf 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #45a9e6 11%,#1b57cf 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #45a9e6 11%,#1b57cf 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a9e6', endColorstr='#1b57cf',GradientType=1 ); /* IE6-9 */border:0;}
.sidebar_custom .sb_header{border-bottom:0}
.container_fix2{width:1310px; max-width:100%; padding:0 15px; margin:0 auto;}
.list-wrap .pagination .active a, .view-wrap .pagination .active a{color:#333333 !important; }
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{border:none;}
.h20{display:none;}
.sub_top_txt h1{font-size:20px; color:#fff; font-weight:500; margin-bottom:16px; }
.sub_top_txt p{font-size:36px; color:#fff; font-weight:600;}
#wr_secret{margin-top:-6px;}
#captcha_img{margin:0 !important;}
@media (max-width:991px){
	#captcha {display: flex; flex-direction: column; justify-content: center; align-items: center; margin:0;}
}
/*font*/
.ubuntu{font-family: 'Ubuntu', sans-serif;}
/*공통 배너*/
.top_banner_wrap{position:relative;}
.top_banner_section{position: relative;}
.top_banner_section> .container_fix{position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%);}
.top_banner_section> .container_fix h1{font-size:20px; color:#ffff; font-weight:500; text-align:center; font-family: 'Ubuntu', sans-serif;}
/* .sub_text { position: absolute; top: 29%; left: 50%; transform: translate(-50%,-50%);} */
.sub_top_txt{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}

@media (max-width:991px){
	.sub_top_txt p{font-size:23px;}
	.sub_top_txt h1{font-size:15px;}
	
}

/*m02_02*/
.m02_01_02{background:#f2f5fb;}
/*m03_01*/
.m03_01_02 {background:#f6f6f6;}


@media (max-width:991px){
	
}
/*m04_01*/
.sub_menu_box .cate_li a{border-radius: 25px; line-height: 50px; font-size:16px; color:##111111; font-weight:500;}
.sub_menu_box .cate_li.on a{background: #45a9e6; /* Old browsers */background: -moz-linear-gradient(left,  #45a9e6 11%, #1b57cf 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #45a9e6 11%,#1b57cf 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #45a9e6 11%,#1b57cf 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a9e6', endColorstr='#1b57cf',GradientType=1 ); /* IE6-9 */border:0;color:#ffffff; }
.sub_menu_box .cate_li:nth-of-type(1){margin-right:30px;}
.sub_menu_box{margin-top:93px;}
.m04_01 .fix_gallery_content{margin-top:0px;}
.m04_01 .fix_gallery_content p{margin-top:16px; font-size:16px; line-height:25px; color:#8b8b8b;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; 
	line-height: 1.5; height:4.3em; text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical}
.m04_01 .gallery_title{width:100%;margin-top:27px; font-weight:600;}
.m04_01 .gallery_title::after{content:"";display:block;clear:both}
.m04_01 .gallery_title a.cut_more{font-size:16px; color:#222222; float:right; font-weight:400;}
.m04_01 .gallery_title a.cut_more:after{content:"+"; margin-left:7px; color:#222222; font-size:16px; font-weight:400;}
.m04_01 .list-row .img-item:hover::after{content:''; display:block; position:absolute; 
top:0; left:0; width:100%; height:100%;  background: rgba(85,85,85,0.5);  opacity:1; pointer-events:none;  border-radius:25px; background: rgba(85,85,85,0.5) url(/img/image_hover_icon.png) no-repeat 50% 50%;}
.sub_menu_box .sub-1da.ellipsis{color:#11111 !important;} 
.cate_li.on a:hover{color:#fff !important;}
.m04_01 .imgframe .img-wrap,
.m04_01 .list-img{border-radius:25px}
@media (max-width:1200px){
	.m04_01 .gallery_title .gallery_cut{float:left;width:77%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; 
	line-height: 1.5;text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical}
	
}
@media (max-width:991px){
	.sub_menu_box .cate_li a{display:block;width:100%; border-radius: 25px; line-height: 41px; font-size:13px; color:#111111; font-weight:500; text-align:center; padding:0;}
	.sub_menu_box .cate_li:nth-of-type(1){margin-right:0;}
	.sub_menu_box{margin-top:50px;}
	.m04_01 .fix_gallery_content p{margin-top:8px; font-size:13px;}
    .responsive .list-wrap .list-container.gallery_container .list-row{width: 49% !important;}
}

@media all and (max-width: 768px) {
    .responsive .list-wrap .list-container.gallery_container .list-row{width: 100% !important;}
}

/*m05_01*/
.m05_01{position:relative; margin-bottom:310px; margin-top:95px;}
.m05_01 .textbox{ position:absolute; top:485px; right:25px;}
/* .m05_01 .textbox{background-image: url('../img/m05_01_bg.jpg') ;    width: 38.932%;  height:250px; background-repeat:no-repeat; background-position:center; position:absolute; top:430px; right:78px;}
.m05_01 .textbox .full_box{display:flex; margin-left:9%;}
.m05_01 .textbox .full_box:nth-of-type(1){margin-top:54px;}
.m05_01 .textbox span{font-size:20px; font-weight:500; color:#fff; width:100px;}
.m05_01 .textbox p{font-size:16px; color:#fff !important; -webkit-color:#fff !important; margin-bottom:22px; line-height:24px;} */

@media (max-width:991px){
	.m05_01{position:relative;  margin:50px 0px 230px;}
	.m05_01 .textbox{background-image: url('../img/m_05_01_bg.jpg') ; background-size: cover; width:calc(100% - 60px);  height:auto; background-repeat:no-repeat; background-position:right bottom; position:absolute; top:280px; right:30px; padding:30px 0px;}
	.m05_01 .textbox p{margin-bottom:0px; font-size:12px; line-height:23px; width:calc(100% - 75px); white-space:nowrap;}
	.m05_01 .textbox .full_box:nth-of-type(1){margin-left:0; margin-top:0;}
	.m05_01 .textbox .full_box{display:flex;margin:0; width:100%;     margin-bottom: 4px;}
	.m05_01 .textbox span{font-size:15px; width:60px; margin-right:15px; margin-top:3px;color:#fff;}
	.m05_01 .full_box_cover{display:table; margin:0 auto;}
	
}
@media (max-width:480px){
	.m05_01{margin:50px 0px 180px;}
	.m05_01 .textbox{padding:15px 0px;}
	
}

/*m05_02*/
.m05_02.write-wrap .inquiry_full.top{margin-top:88px;}
.m05_02.write-wrap .inquiry_full{display:flex; justify-content: space-between; width:100%;}
.m05_02.write-wrap .inquiry_full.col{display:flex; flex-direction:column;}
.m05_02.write-wrap .inquiry_half_box{width: 48.6%;}
.m05_02.write-wrap .inq_margin{margin-top:37px;}
.m05_02.write-wrap .inq_margin_bottom{margin-bottom:22px;}
.m05_02.write-wrap .inquiry_full4{color:#666666 !importnat;}
.m05_02.write-wrap .inquiry_full4 h1{font-size:18px; font-weight:500; margin-bottom:30px; color:#111111;}
.m05_02.write-wrap #fwrite input{width:100%; height:56px; background:#f4f7fc; border-color:#dbe0e9; border-radius:5px; padding-left: 20px; color:#7f8a9c !important; font-size:16px; }
.m05_02.write-wrap #fwrite label{font-size:18px; color:#111111; font-weight:500; margin-top:0;}
.m05_02.write-wrap #fwrite ::placeholder{font-size:16px; color:#7f8a9c; } 
.m05_02.write-wrap #fwrite .radio{width:16px; height:16px; border-radius:0 !important; margin-right:8px;  }
.m05_02.write-wrap .radioBox{display:flex; align-items:center;}
.m05_02.write-wrap input[type=radio],
.m05_02.write-wrap input[type=checkbox]{appearance: none; display:none; }
.m05_02.write-wrap input[type=radio] + label,
.m05_02.write-wrap input[type=checkbox] + label{margin-right:75px; color:#666666 !important; font-weight:400 !important; display:flex; align-items:center; cursor:pointer;  }
.m05_02.write-wrap input[type=radio] + label span.square,
.m05_02.write-wrap input[type=checkbox] + label span.square{width:16px; height:16px; border:1px solid #dbe0e9; border-radius:3px; display:flex; align-items:center; justify-content:center; background:#f4f7fc; margin-right:12px;}
.m05_02.write-wrap input[type=radio]:checked + label span.square:after,
.m05_02.write-wrap input[type=checkbox]:checked + label span.square:after{content:''; display:block; width:8px; height:8px; border-radius:3px; background:#2062d4;}
.write-content{padding-left:20px; font-size:16px; color:#7f8a9c; padding-top:22px;}
.content_box .answer textarea{width:100%;height:300px; background:#f4f7fc; border-color:#dbe0e9;box-shadow:0 0 0;-webkit-box-shadow:0 0 0;border-radius:4px !important;resize:none}
.m05_02.write-wrap #agree{width:16px !important; height:16px !important; margin-right:13px;}
.m05_02.write-wrap .privacy_wrap{margin-top:23px;}
.m05_02.write-wrap .wr_content::placeholder{font-size:16px; color:#7f8a9c;}
.m05_02.write-wrap .write-wrap .m05_02.write-btn.btn_write .btn{height:60px; background-image: linear-gradient(to left, #1238a7, #143eae, #1643b6, #1849bd, #194fc5, #0f5acc, #0564d3, #006ed9, #007edf, #038de2, #299be5, #45a9e6) !important; border:none;}
.m05_02.write-wrap .agree_btn{display:flex; align-items:center;}
.m05_02.write-wrap .agree_btn input[type=checkbox] + label{margin-right:10px; font-size:16px;}
.m05_02.write-wrap .agree_btn a{font-weight:500; color:#2062d4; font-size:16px;}
.m05_02.write-wrap  #btn_submit{background: #45a9e6 !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #45a9e6 11%, #1b57cf 76%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #45a9e6 11%,#1b57cf 76%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #45a9e6 11%,#1b57cf 76%); !important/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a9e6', endColorstr='#1b57cf',GradientType=1 ) !important; /* IE6-9 */ border:none; }
.m05_02.write-wrap #fwrite input:focus{color:#7f8a9c !important; font-size:16px; }
.view-wrap{margin-top:100px;}
.m05_02.list-board{margin-top:95px;}
@media (max-width:991px){
	.m05_02.write-wrap .inq_margin_bottom{margin-bottom:22px;}
	.m05_02.write-wrap input[type=checkbox] + label{margin-right:75px; color:#666666 !important; font-weight:400 !important; display:flex; align-items:center; cursor:pointer; width:50%; margin-bottom:10px;}
	.m05_02.write-wrap input[type=radio]:checked + label span.square:after, .m05_02.write-wrap input[type=checkbox]:checked + label span.square:after {content: ''; display: block; width: 8px; height: 8spx;border-radius: 0px;}
	.m05_02.write-wrap input[type=radio] + label, .m05_02.write-wrap input[type=checkbox] + label {margin-bottom: 18px;}
	.m05_02.write-wrap #fwrite input{ border-radius:3px; }
	.m05_02.write-wrap .inquiry_full.top{margin-top:50px;}
	.m05_02.write-wrap .radioBox{display:flex; flex-wrap:wrap; margin-bottom:22px;}
	.m05_02.write-wrap .inquiry_half_box{width:100%;}
	.m05_02.write-wrap .inquiry_full{display:flex; flex-direction: column;}
	.m05_02.write-wrap #fwrite label{font-size:15px; width: 50%; }
	.m05_02.write-wrap #fwrite input{height:45px; margin-bottom:23px;}
	.inquiry_tit.inq_margin_bottom.manager{margin-top:4px !important;}
	.m05_02.write-wrap .inq_margin {margin-top: 5px;}
	.m05_02.write-wrap .inquiry_full4 h1{margin-bottom:22px; font-size:15px;}
	.m05_02.write-wrap input[type=radio] + label, .m05_02.write-wrap input[type=checkbox] + label{margin-right:0;}
	.answer .write-content{height:187px !important; box-shadow: none;}
	.m05_02.write-wrap #fwrite ::placeholder{font-size:14px; color:#7f8a9c; line-height:14px; } 
	.m05_02.write-wrap #fwrite input{padding-left:15px;}
	.m05_02.write-wrap .agree_btn span{font-size:14px;}
	.write-wrap .write-btn.btn_write .btn { width: 54%;padding: 3px;}
	.agree_btn input[type=radio] + label, .m05_02.write-wrap input[type=checkbox] + label{width:auto; margin-bottom:0;}
	.m05_02.write-wrap .agree_btn a{font-size:14px;}
	.sub_menu_box .cate_ul{display: flex; justify-content: space-between;}
	.agree_btn label{width:auto !important;}
}


/*sub footer*/
.sub_tail_banner.container_img{display:none;}   
.sub_tail_banner{padding: 72px 0px 80px;	background: #45a9e6; /* Old browsers */
	background: -moz-linear-gradient(left,  #45a9e6 11%, #1b57cf 76%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #45a9e6 11%,#1b57cf 76%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #45a9e6 11%,#1b57cf 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a9e6', endColorstr='#1b57cf',GradientType=1 ); /* IE6-9 */}
.sub_tail_banner .container_fix{display:flex;}
.sub_tail_banner .textbox {width:50%;   display:flex; flex-direction:column; justify-content: center;}
.sub_tail_banner .textbox h1{line-height:40px; font-size:26px; color:#fff; font-weight:600; margin-bottom:14px;}
.sub_tail_banner .textbox  p{font-size:16px; color:#fff; line-height:28px; margin-bottom:28px;}
.sub_tail_banner .textbox  a{color:#3c97e2 !important; background:#ffff; font-size:14px; width:185px; height:45px; line-height:45px; text-align:center; font-weight:500; border-radius:25px;}
.sub_tail_banner .textbox  a:after{background-image: url('../img/sub_tail_arrow.png'); content:''; width:25px; height:8px; margin-left:13px; display: inline-block;}
.sub_tail_banner .logobox{width:50%;  position: relative; }
.sub_tail_banner .logobox img{    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (max-width:991px){
	.sub_tail_banner{ background:none; padding:0;}
	.sub_tail_banner .textbox{width:100%;}
	.sub_tail_banner .logobox{width:100%;}
	.sub_tail_banner .logobox img{height:84px;}
	.sub_tail_banner .container_fix{display:flex; flex-direction: column;}
	.sub_tail_banner .textbox h1{font-size:19px; line-height:33px;}
	.sub_tail_banner .textbox p{font-size:13px;}
	.sub_tail_banner .logobox img {position: absolute; top: 50%; left: 50%; transform: translate(-16%, -53%);}
	.sub_tail_banner .textbox  a{height:48px; line-height:48px;}
}

/*sub nav*/
.m_navi_wrap{border-bottom:1px solid #e1e1e1;}
.m_navi{display:flex;}
.m_navi > div{line-height:45px; }
.m_navi .left-page-name{width: 19.215%; background:url(../img/arrow_down.png) no-repeat calc(100% - 10px) 50%; }
.m_navi .right-drop{width:20% !important; background:url(../img/arrow_down_on.png) no-repeat calc(100% - 10px) 50%; position:relative; } 
/*.m_navi .right-drop:after{content:'';display:block;position:absolute;bottom:0px; left:0px; width:100%; height:3px;background:#d82b27;z-index:1001;}*/
.m_navi > div > .dropdown > a{font-size:16px; color:#111111; font-weight:500; display:block;   padding: 7.5px 21px; border-right:1px solid #e1e1e1;}
.m_navi > div.right-drop > .dropdown > a{}
.m_navi .dropdown-menu{width:100%; border-radius:0; margin:0px 0 0; border-color:#e5e5e5; box-shadow:none; padding:10px 0 10px 10px; font-size:16px;}
.m_navi .right-drop .dropdown-menu{left:-1px; width:calc(100% + 1px);}
.m_navi .dropdown-menu>li>a   {padding:5px 0; }
.menu-dropdown a img{float:right; margin-top:20px;}
.on_name.ellipsis{display:inline; font-size:16px;}

@media (max-width:991px){
	.on_name.ellipsis{display:inline; font-size:13px;}
	.dropdown-menu{margin-top:0px !important;}
	.m_navi .dropdown-menu>li>a   {font-size:14px;}
	.m_navi > div > .dropdown > a{font-size:13px; padding: 5px 21px;}
	.menu-dropdown a img{height:7px; margin-top:16.5px;}	
	.m_navi_wrap .home_btn{display:none;}
	.m_navi .left-page-name{width:50%;  padding:0 }
	.m_navi .right-drop{width:50% !important;}
	.m_navi_wrap .container_fix{padding:0;}
	.m_navi > div > .dropdown > a{padding: 0px 10px; line-height:40px;}
	.sub_menu_box .cate_li.on a{line-height:42.4px;}
	
}