@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-weight:400;  letter-spacing:-0.025em}
body,input,select,textarea,button,pre {border:none; font-size:15px; font-family: 'Noto Sans KR', sans-serif; color:#222428; font-weight: 400; line-height:1.2; letter-spacing:-0.025em}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color: #333333; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#333333; border:1px solid #EBEDEE; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:12px; height: 48px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:15px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);}

table {border-collapse: collapse;border-spacing: 0}



input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }



button,select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}

input[disabled] {background:#F9FAFC;}

textarea,
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
select {height:45px; border:0; border-radius:5px; border:1px solid #dddddd; font-size:16px; color:#333333;}
select::-ms-expand {display: none;}
select{
	background: #fff url('../images/board/icon_sel_arr_d.png') right 15px center no-repeat !important;

}

/* input:focus {outline-color:#e5a430;} */

input::-webkit-input-placeholder {color:#666666;}
input:-moz-placeholder {color:#666666; opacity: 1;}
input::-moz-placeholder {color:#666666; opacity: 1;}
input::-ms-input-placeholder {color:#666666;}
input:-ms-input-placeholder {color:#666666;}
input::input-placeholder {color:#666666;}

textarea::-webkit-input-placeholder {color:#666666;}
textarea:-moz-placeholder {color:#666666; opacity: 1;}
textarea::-moz-placeholder {color:#666666; opacity: 1;}
textarea::-ms-input-placeholder {color:#666666;}
textarea:-ms-input-placeholder {color:#666666;}
textarea::input-placeholder {color:#666666;}



img {max-width:100%;}


/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}

.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}



/* 인풋 스타일 */
.input_date {background:url('../images/icon_cal03.png') no-repeat right 15px center; background-size:15px auto;}

.checkbox {display:inline-block; position:relative; text-align:left; cursor:pointer;}
.checkbox input {position:absolute; left:0; top:4px; left:0px; width:18px; height:18px; margin-top:0; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0;cursor:pointer;}
.checkbox label {display:inline-block; position:relative; padding-left:25px; font-size:16px; color:#222222; cursor:pointer;}
.checkbox label::before {position:absolute; top:4px; left:0px; width:18px; height:18px; margin-top:0; border:1px solid #c2c2c2; border-radius:2px; background:#fff; content:'';}
.checkbox input:checked + label:before {border:0; background:url('../images/board/icon_checkbox.png') no-repeat center; background-size:cover;}




.radio {display:inline-block; margin-right:15px; padding:5px 0; position:relative; text-align:left; line-height:20px; cursor:pointer;}
.radio input {position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0; cursor:pointer;}
.radio label {display:inline-block; position:relative; padding-left:28px; font-size:15px; color:#212836; cursor:pointer;}
.radio label::before {position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:100%; border:2px solid #77849B; background:#fff; content:'';}
.radio input:checked + label::before {border-color:#0093F9;}
.radio input:checked + label:after {position:absolute; top:50%; left:5px; width:10px; height:10px; margin-top:-5px; border-radius:100%; background: #0093F9; content:'';}
.radio input:focus + label:before {outline:1px dotted #000}



/*
.filebox {position:relative; height:32px; padding-left:85px;}
.filebox .ubtn {position:absolute; top:0; left:0; width:80px;}
.filebox .upload_name {display:block; border:0; width:100%; height:32px; padding-left:12px; border:1px solid #e2e2e2; border-radius:4px; line-height:30px;}
.filebox .upload_name {display:none;}
*/


/* common */

/* text 말줄임표 */
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* 정렬방식 */
.left { float: left; }
.right { float: right; }

/* text-align */
.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
.verMiddle {position: relative; top:50%; transform: translateY(-50%);}

/* display */
.dis_inblock { display: inline-block; }
.dis_block { display: block; }
.dis_flex {display: -ms-flexbox!important; display: flex!important;}

/* vertical */
.ver_mid { vertical-align: middle; }
.ver_top { vertical-align: text-top; }

/* 가로사이즈 */


/* margin, padding */
.mt_0 {margin-top:0 !important;}
.mt_t01 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.mt_80 {margin-top:80px;}




/* 버튼 스타일 */


/* 폰트컬러 */
.fc_point {color:#144896 !important;}
.fc_red {color:#e51f28 !important;}
/* background-color */

.border_blue {border-color:#0087E6 !important;}

/* 배경색 */
.bg_sky {background:#00B2EB !important;}
.bg_teal {background:#00C696 !important;}
.bg_green {background:#8ACB00 !important;}
.bg_blue {background:#004494 !important}

/* font weight */
.fw_500 {font-weight:500;}
strong {font-weight:700;}


.h_100 {height:100%;}
.w_100 {width:100%;}

.line_height01 {line-height:1.4;}
.line_height02 {line-height:1.6;}
.underline {text-decoration:underline;}




/* 스크롤 스타일 */
.scroll { overflow: auto; }
.scroll::-webkit-scrollbar { width: 6px; height: 6px;}
.scroll::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 100px; }
.scroll::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 100px; background-clip: padding-box; border: 3px solid transparent; }

.swiper-button-prev::after,
.swiper-button-next::after {display:none;}

#wrap {overflow:hidden;}


body {word-break:keep-all;}


.none {display:none;}

.csize01 {width:92%; max-width:1400px; margin:auto;}

@media all and (max-width:1400px){
	


	.t_block {display:block;}
}
@media all and (max-width:991.9px){
	

	
	.m_block {display:block;}
	.m_none {display:none;}

	.checkbox input {}
	.checkbox label {padding-left:32px; font-size:15px;}

	.csize01 {width:auto; margin:0 20px;}
}

#header_pc {overflow:hidden; position:fixed; top:0; left:0; z-index:100; width:100%; height:101px; transition:all 0.4s;}
#header_pc::before {position:absolute; top:100px; left:0; right:0; height:1px; background:rgba(255,255,255,0.3); content:''; transition:all 0.4s;}
#header_pc .inwrap {position:relative; max-width:1400px; margin:auto;}
#header .logo {position:absolute; top:0px; left:0px;}
#header .logo a {display:block; width:132px; height:100px; background:url('../images/common/logo.png') no-repeat center; background-size:contain;}
#header_pc .gnb_list {font-size:0; text-align:center;}
#header_pc .gnb_list > li {display:inline-block; position:relative; z-index:2; vertical-align:top;}
#header_pc .gnb_list > li+li {margin-left:7.1%;}
#header_pc .gnb_list > li > a {display:block; position:relative; padding:0 15px; font-size:18px; color:#fff; font-weight:700; line-height:100px; transition:all 0.4s;}
#header_pc .gnb_list > li > a::before {position:absolute; left:50%; right:50%; bottom:-1px; height:4px; opacity:0; background:#144896; content:''; transition:all 0.4s;}
#header_pc .gnb_list > li.on > a::before,
#header_pc .gnb_list > li:hover > a::before {left:0; right:0; opacity:1;}
#header_pc .gnb_list .sub {position:absolute; top:100px; left:-20px; right:-20px; padding-top:30px;}
#header_pc .gnb_list .sub a {display:inline-block; vertical-align:top; font-size:16px; color:#333333; line-height:40px; text-align:center;}
#header_pc .gnb_list .sub a:hover {color:#144896; font-weight:700; font-size:17px;}
#header .btn_home {position:absolute; top:38px; right:0; width:20px; height:23px; background:url('../images/common/icon_home.png') no-repeat center; background-size:contain;}

#header.fixed_top #header_pc {background:#fff;}
#header.fixed_top #header_pc::before {background:#eaeaea;}
#header.fixed_top .logo a {background-image:url('../images/common/logo_on.png')}
#header.fixed_top #header_pc .gnb_list > li > a {color:#333333;}
#header.fixed_top .btn_home {background-image:url('../images/common/icon_home_on.png')}
#header_pc.open {height:320px; background:#fff;}
#header_pc.open::before {background:#eaeaea;}
#header_pc.open .logo a {background-image:url('../images/common/logo_on.png')}
#header_pc.open .gnb_list > li > a {color:#333333;}
#header_pc.open .btn_home {background-image:url('../images/common/icon_home_on.png')}

.nav_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.6);}

#header_mobile {display:none;}
#quick {display:block; position:fixed; right:65px; bottom:50px; z-index:100;}
#quick li+li {margin-top:10px;}
#quick img {width:52px;}
@media all and (max-width:1200px){
	#header_pc .gnb_list {padding-left:100px;}
	#header_pc .gnb_list > li+li {margin-left:5%;}
}
@media all and (max-width:991.9px){
	#header_pc {display:none;}
	#header_mobile {display:block; position:fixed; top:0; left:0; z-index:1000; width:100%;}
	#header_mobile .top {position:relative; height:61px; border-bottom:1px solid rgba(255,255,255,0.3); transition:all 0.3s;}	
	#header_mobile .logo {position:absolute; top:0px; left:20px;}
	#header_mobile .logo a {display:block; width:90px; height:60px;}
	#header_mobile .btn_home {top:20px; right:54px; width:17px; height:19px;}
	#header_mobile .btn_menu_open {position:absolute; top:50%; right:20px; width:17px; height:18px; margin-top:-9px; background:url('../images/common/icon_menu.png') no-repeat center; background-size:contain;}	
	#side_menu {position:fixed; top:0; right:-100%; bottom:0; z-index:1001; width:83%; max-width:400px; background:#fff; transition:right 0.4s;}
	#side_menu.open {right:-1px;}
	#side_menu .logo a {background-image:url('../images/common/logo_on.png')}
	#side_menu .btn_menu_close {position:absolute; top:50%; right:20px; width:15px; height:30px; margin-top:-15px; background:url('../images/common/icon_menu_close.png') no-repeat center; background-size:contain;}
	#side_menu .gnb_list {padding:40px 20px;}
	#side_menu .gnb_list > li {border-bottom:1px solid #eaeaea;}
	#side_menu .gnb_list > li > a {display:block; padding-left:15px; font-size:18px; color:#222222; font-weight:700; line-height:3.333; background:url('../images/common/icon_gnb_arr.png') no-repeat right 15px center; background-size:15px auto;}
	#side_menu .gnb_list > li.on > a {background-image:url('../images/common/icon_gnb_arr_on.png')}
	#side_menu .gnb_list .sub {display:none; position:relative; padding:20px 0; padding-left:15px;}
	#side_menu .gnb_list .sub::before {position:absolute; top:0; left:0; right:0; height:4px; background:#144896; content:'';}
	#side_menu .gnb_list .sub a {display:block; position:relative; padding-left:10px; font-size:15px; line-height:2.666; color:#333333;}
	#side_menu .gnb_list .sub a::before {position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-1px; border-radius:100%; background:#144896; content:'';}

	#header.fixed_top #header_mobile .top {background:#fff;}
	#header.fixed_top .btn_menu_open {background-image:url('../images/common/icon_menu_on.png')}

	#quick {right:20px; bottom:35px;}
	#quick li+li {margin-top:7px;}
	#quick img {width:37px;}
	
}

#footer {margin-top:150px; padding:50px 0; background:#111111;}
#footer > div {position:relative; padding-left:180px;}
#footer .blogo {position:absolute; top:0; left:0; width:132px; height:26px; background:url('../images/common/logo.png') no-repeat center; background-size:contain;}
.fmenu {margin:0 -12px; font-size:0;}
.fmenu li {display:inline-block; position:relative; padding:0 12px;}
.fmenu li+li::before {position:absolute; top:50%; left:0; width:3px; height:3px; margin-left:-1px; border-radius:100%; background:#fff; content:'';}
.fmenu a {display:block; font-size:16px; color:#ffffff; font-weight:700; line-height:25px; transition:all 0.4s;}
#footer .addr {margin-top:20px; font-size:15px; color:#999999; line-height:1.4666;}
#footer .addr span {display:inline-block; margin-right:20px;}
.sns_link {position:absolute; top:0; right:0;}
.sns_link li {float:left; margin-left:15px;}
@media all and (max-width:991.9px){
	#footer {margin-top:70px; padding:30px 0;}
	#footer > div {padding:0;}
	#footer .blogo {position:relative; width:90px; height:17px;}
	.fmenu {margin:30px -9px 20px;}
	.fmenu li {padding:0 9px;}
	.fmenu a {font-size:14px; line-height:16px;}
	#footer .addr {margin-top:0; padding-right:50px; font-size:13px;}
	#footer .addr span {margin-right:15px;}
	.sns_link {display:none;}
}




#portfolio_pop {display:none; position:absolute; top:0; left:50%; width:1170px; z-index:1001; margin-left:-585px; background:#fff;}
#portfolio_pop h2 {padding:20px 100px 20px 60px; border-bottom:1px solid #efefef; font-size:32px; font-weight:700; color:#222222; line-height:1.5;}
#portfolio_pop .btn_pop_close {position:absolute; top:33px; right:60px; width:24px; height:24px; background:url('../images/common/icon_pop_close.png') no-repeat center;}
#portfolio_pop .swiper_wrap {position:relative; margin:0 58px; padding:0 127px;}
#portfolio_pop .swiper-page {line-height:40px; text-align:right; font-size:16px; color:#222222;}
#portfolio_pop .swiper-pagination {position:relative; margin:30px 0; padding:0; font-size:0; bottom:0;}
#portfolio_pop .swiper-pagination-bullet {width:14px; height:14px; margin:0 13px; opacity:1; background:#eaeaea;}
#portfolio_pop .swiper-pagination-bullet-active {background:#144896;}
#portfolio_pop .img {position:relative; padding-bottom:70%;}
#portfolio_pop .img img {position:absolute; top:50%; left:50%; max-width:100%; height:100%; transform:translate(-50%,-50%);}
#pop_swiper {position:relative;}
#pop_swiper .swiper-button-prev,
#pop_swiper .swiper-button-next {position:absolute; top:50%; width:19px; height:33px; margin-top:-16px; background:url('../images/common/icon_pop_swiper_arr.png') no-repeat center; background-size:contain; transition:all 0.4s;}
#pop_swiper .swiper-button-prev {left:-127px;}
#pop_swiper .swiper-button-next {right:-127px; transform:rotate(180deg);}
#portfolio_pop .info_box {padding:30px 60px 50px; color:#fff; font-size:16px; line-height:1.5; background:#144896}
#portfolio_pop .info_box ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#portfolio_pop .info_box li {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: -ms-flexbox; display: flex; padding:9px 0; border-bottom:1px solid #436dab; font-weight:300;}
#portfolio_pop .info_box li strong {min-width:80px; font-weight:300; opacity:0.5;}
.pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.6);}
@media all and (max-width:1200px){
	#portfolio_pop {left:0; right:0; width:auto; margin:0;}
	#portfolio_pop h2 {padding:15px 100px 15px 40px; font-size:25px;}
	#portfolio_pop .btn_pop_close {top:25px; right:40px;}
	#portfolio_pop .swiper_wrap {margin:0 40px; padding:0 70px;}
	#pop_swiper .swiper-button-prev {left:-70px;}
	#pop_swiper .swiper-button-next {right:-70px;}
	#portfolio_pop .info_box {padding:25px 40px 35px; font-size:15px;}
}
@media all and (max-width:991.9px){
	#portfolio_pop h2 {padding:15px 100px 15px 20px; font-size:18px;}
	#portfolio_pop .btn_pop_close {top:22px; right:20px; width:15px; height:15px; background-image:url('../images/common/icon_pop_close_m.png'); background-size:contain;}
	#portfolio_pop .swiper_wrap {margin:20px 20px 0; padding:0;}
	#portfolio_pop .swiper-page {position:absolute; bottom:-15px; right:0; font-size:13px;}
	#pop_swiper .swiper-button-prev,
	#pop_swiper .swiper-button-next {z-index:2; width:14px; height:24px; background-image:url('../images/common/icon_pop_swiper_arr_m.png')}
	#pop_swiper .swiper-button-prev {left:10px;}
	#pop_swiper .swiper-button-next {right:10px;}
	#portfolio_pop .swiper-pagination {margin:16px 0;}
	#portfolio_pop .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px;}
	#portfolio_pop .info_box {padding:20px 20px 30px; font-size:13px;}
	#portfolio_pop .info_box li {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding:10px 0;}
	
}


#portfolio_swiper {position:relative;}
#portfolio_swiper .controls {position:absolute; top:-127px; right:0; width:120px; height:33px;}
#portfolio_swiper .controls::before {position:absolute; top:50%; left:50%; width:1px; height:30px; margin-top:-15px; background:#eaeaea; content:'';}
#portfolio_swiper .swiper-button-prev,
#portfolio_swiper .swiper-button-next {position:absolute; top:0; width:19px; height:33px; margin:0; background:url('../images/main/icon_swiper_arr.png') no-repeat center; background-size:contain; transition:all 0.4s;}
#portfolio_swiper .swiper-button-prev {left:0;}
#portfolio_swiper .swiper-button-next {right:0; transform:rotate(180deg);}
.portfolio_item .img {overflow:hidden; position:relative; padding-bottom:121.875%; background:#144896;}
.portfolio_item .img::before {position:absolute; top:0; left:0; right:0; bottom:0; content:'';}
.portfolio_item .img img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; transition:all 0.4s;}
.portfolio_item .icon_plus {position:absolute; right:0; bottom:0; z-index:3; width:56px; height:56px; background:url('../images/main/icon_plus.png') no-repeat center #fff; transition:all 0.4s;}
.portfolio_item .view {position:absolute; top:50%; left:0; right:0; z-index:4; transform:translateY(20px); margin-top:-43px; padding-top:70px; font-size:15px; color:#fff; font-weight:700; text-align:center; line-height:1; opacity:0; background:url('../images/main/icon_plus.png') no-repeat center top; transition:all 0.4s;}
.portfolio_item .tit {overflow:hidden; margin-top:27px; font-size:24px; color:#333333; font-weight:700; white-space:nowrap; text-overflow:ellipsis; line-height:1.4;}
.portfolio_item .date {margin-top:10px; font-size:16px; color:#144896; line-height:1;}
@media all and (max-width:1400px){
	.portfolio_item .view {font-size:14px;}
	.portfolio_item .tit {font-size:22px; font-size:20px;}
	.portfolio_item .date {font-size:13px;}
}
@media all and (min-width:992px){
	a:hover .portfolio_item .img img {opacity:0.4;}
	a:hover .portfolio_item .icon_plus {bottom:-65px; transform-origin:right bottom;}
	a:hover .portfolio_item .view {opacity:1; transform:translateY(0);}
}
@media all and (max-width:991.9px){
	#portfolio_swiper .controls {width:67px; height:24px; top:-122px; right:20px;}
	#portfolio_swiper .controls::before {height:24px; margin-top:-12px;}
	#portfolio_swiper .swiper-button-prev,
	#portfolio_swiper .swiper-button-next {width:14px; height:24px; background-image:url('../images/main/icon_swiper_arr_m.png')}
	#portfolio_swiper {margin-right:-20px;}
	#portfolio_swiper .swiper-slide {width:220px !important;}
	.portfolio_item .icon_plus {width:43px; height:43px; background-image:url('../images/main/icon_plus_m.png'); background-size:contain;}
	.portfolio_item .tit {margin-top:15px; font-size:16px;}
	.portfolio_item .date {margin-top:7px; font-size:13px;}
}


.wow {visibility: hidden;}
body.load .wow {visibility: visible;}