/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
a:link{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:hover{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:visited{font-size:14px; color:#4f4f4f;  text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}
/*
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer;}
input{box-sizing:border-box; vertical-align:middle; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand {display: none;}
*/

#wrap {width:100%; overflow:hidden;}
#wrap img {max-width:100%;}

.w1200 {max-width:1200px; margin:0 auto;}


.pc_display {display:block;}
.pc_displayi {display:inline-block;}
.mo_display {display:none;}
.mo_displayi {display:none;}


/*header*/
#header {position:fixed; top:0; left:0; width:100%; z-index:99; background:#fff; }
#header .header_con {position:relative; overflow:hidden; max-height:81px; box-sizing:border-box;}
#header .header_con .w1200 {position:relative;}
.header_con .w1200:after {display:block; content:''; clear:both;}
.header_con h1 {float:left; margin:0; line-height:1; padding:9px 0;}
.header_con h1 a {color:#222; font-size:30px; font-weight:900; letter-spacing:-0.07em; line-height:1;}
.header_con .num {float:left; box-sizing:border-box; padding:29px 0 0 18px; font-size:20px; font-weight:500; color:#ffb400; letter-spacing:-0.02em;}
.header_con .gnb {float:right; padding:26px 0;}
.header_con .gnb:after {display:block; content:''; clear:both;}
.header_con .gnb ul {float:left; padding-top:3px;}
.header_con .gnb .pc_all {float:left; padding-top:5px;}
.header_con .gnb ul:after {display:block; content:''; clear:both;}
.header_con .gnb ul li {position:relative; float:left; padding-right:45px;}
.header_con .gnb ul li:last-of-type a {color:#ffb400;}
.header_con .gnb ul li a {color:#222; font-size:18px; font-weight:500; letter-spacing:-0.01em;}
.header_con .gnb ul li i {position:absolute; top:6px; right:22px; width:1px; height:16px; background:#efefef}
.header_con .gnb ul li:hover {}
.header_con .gnb ul li:hover a {display:block; margin-top:-10px; color:#ffb400;}
.header_con .gnb ul li:hover span.hover {display:block;}
.header_con .gnb ul li span.hover {display:none; text-align:center; text-transform:uppercase; font-size:12px; font-weight:100; letter-spacing:-0.01em; border-top:3px solid #ffb400; color:#ffb400; line-height:1; padding-top:5px;}

.header_con .gnb ul li:nth-of-type(2):hover a {color:#0078ff;}
.header_con .gnb ul li:nth-of-type(2):hover span.hover {border-top:3px solid #0078ff; color:#0078ff;}
.header_con .gnb ul li:nth-of-type(3):hover a {color:#63a85e;}
.header_con .gnb ul li:nth-of-type(3):hover span.hover {border-top:3px solid #63a85e; color:#63a85e;}

.header_con .all_menu {position:absolute; right:0; top:50%; width:6.333%; transform:translate(0, -50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); cursor:pointer;}
#header .up_type {background:#ffb400;}
#header .up_type > div {overflow:hidden; padding:15px 0;}
#header .up_type > div a {float:left; display:block; width:50%; color:#fff;  box-sizing:border-box; text-align:center; font-size:18px; line-height:1; vertical-align:middle;}
#header .up_type > div a:first-of-type {border-right:1px solid #eba600;}
#header .up_type > div a i {margin-right:10px;}
#header .up_type > div a i img {vertical-align:sub;}

/* pc_menu */
.Pcbg_b{position:fixed; top:0; left:0; background:rgba(0,0,0,0.85); width:100%; height:100%; z-index:-1;}
.pc_nav{position:absolute; top:120px; left:50%; margin-left:-600px; max-width:1200px; background:none; z-index:999; width:100%; display:none;}
.pc_nav .pc_tit:after{content:""; display:block; clear:both;}
.pc_nav .pc_tit p{float:left; font-size:40px; line-height:46px; letter-spacing:-0.025em; color:#fff; font-weight:500;}
.pc_nav .pc_tit p span{font-size:16px; line-height:20px; font-weight:300;}
.pc_nav .pc_tit .pc_close{float:right; margin-top:20px;}
.pc_nav .pc_tit .pc_close a{display:block; width:128px; height:41px; line-height:39px; padding-left:10px; font-size:19px; color:#fff; font-weight:700; letter-spacing:-0.025em; box-sizing:border-box; border:1px solid #fff; background:rgba(255,255,255,0.15) url("/img/pc_all_menu_close.png") right center no-repeat;}
.pc_nav ul{overflow:hidden; margin:100px 0 0 0;}
.pc_nav ul li{float:left; width:17.9%; margin-right:9.46%;}
.pc_nav ul li:last-of-type{margin-right:0;}
.pc_nav ul li a{text-align:center; display:block;}
.pc_nav ul li a img.on{display:none;}
.pc_nav ul li a img{width:76.7%;}
.pc_nav ul li a p{margin-top:18px; border-top:1px solid #fff; padding-top:16px; font-size:30px; line-height:34px; letter-spacing:-0.025em; font-weight:700; color:#fff;}
.pc_nav ul li a p span{font-size:16px; line-height:34px; letter-spacing:0.5em; color:#fff; font-weight:200;}
.pc_nav ul li a:hover img.off{display:none;}
.pc_nav ul li a:hover img.on{display:inline-block;}
.pc_nav ul li:nth-of-type(1):hover a p{border-top:1px solid #ffb400; color:#ffb400;}
.pc_nav ul li:nth-of-type(1):hover a p span{ color:#ffb400;}
.pc_nav ul li:nth-of-type(2):hover a p{border-top:1px solid #0078ff; color:#0078ff;}
.pc_nav ul li:nth-of-type(2):hover a p span{ color:#0078ff;}
.pc_nav ul li:nth-of-type(3):hover a p{border-top:1px solid #49b241; color:#49b241;}
.pc_nav ul li:nth-of-type(3):hover a p span{ color:#49b241;}
.pc_nav ul li:nth-of-type(4):hover a p{border-top:1px solid #ffb400; color:#ffb400;}
.pc_nav ul li:nth-of-type(4):hover a p span{ color:#ffb400;}




/*mo_header*/
.all_nav {position:absolute; right:-100%; width:100%; height:100%; background:none; z-index:999; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear;}
.all_nav.view {right:0;}
.all_nav .up_tit {float:right; width:73.4375%; background:#fff; text-align:center; position:relative;}
.allbg_b {display:none; position:fixed; width:100%; height:100%; left:0; background:rgba(0,0,0,0.8); overflow:hidden; z-index:-1;}
.all_nav .all_close {position:absolute; top:50%; left:2%; width:4.81%;transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.all_nav ul {float:right; width:73.4375%; background:#fff; height:100%;}
.all_nav ul li {padding:0 20px;}
.all_nav ul li a {display:block; padding:23px 0; font-size:22px; color:#434250; letter-spacing:-0.02em; border-bottom:1px solid #ebebeb; background:url('/img/am_arrow.png') no-repeat right 50%;}
.all_nav ul li.my {background:url('/img/all_mypagebg.jpg') no-repeat center top; background-size:100% 100%; }
.all_nav ul li.my a {color:#fff; font-weight:200; border:0; background:none; text-align:center;}


/*footer*/
#footer {}
#footer .in_txt {padding:33px 0 28px; text-align:center; font-size:14px; color:#2d2e31; letter-spacing:-0.02em; font-weight:300; border-bottom:1px solid #e5e5e5; word-break:keep-all;}
#footer .adcopy {position:relative; padding:50px 0 65px;}
#footer .adcopy h1 {margin:0 0 25px; font-size:28px; letter-spacing:-0.07em; font-weight:700; line-height:1; color:#808080;}
#footer .adcopy .address {margin-bottom:15px; font-size:14px; color:#808080; font-weight:200;}
#footer .adcopy .address i {display:inline-block; margin:0 1px;}
#footer .adcopy .copy {font-size:13px; font-weight:100; color:#808080;}
#footer .adcopy .tel_con {position:absolute; bottom:60px; right:0;}
#footer .adcopy .tel_con a {display:inline-block; color:#ee9200; font-size:24px; font-weight:500;}
#footer .adcopy .tel_con a i {display:none;}
#footer .adcopy .tel_con a + a {margin-left:25px;}
#footer .adcopy .tel_con a span {display:inline-block; margin-right:15px; font-size:14px; font-weight:200; vertical-align:5px;}

.foot_up {position:relative; height:100%;}
.foot_up ul {overflow:hidden;}
.foot_up ul li {float:left; width:32.5%; height:220px; margin-right:1.25%; padding:30px 45px; background:#f6f6f6; box-sizing:border-box; overflow:hidden;}
.foot_up ul li:nth-of-type(3) {margin-right:0;}
.foot_up ul li .foot_left{float:left; width:25%; margin-right:7.59%;}
.foot_up ul li .foot_right{float:left; width:67.41%;}
.foot_up ul li .foot_right h4{font-size:18px; line-height:26px; color:#444; font-weight:300; margin:0;}
.foot_up ul li .foot_right h4 span{font-size:20px; line-height:26px; color:#222; font-weight:500; letter-spacing:-0.025em; }
.foot_up ul li .foot_right p{font-size:15px; line-height:22px; letter-spacing:-0.03em; font-weight:300; color:#666; word-break:break-all;}



@media all and (max-width:1200px) {
	.w1200 {width:calc(100% - 40px); margin:0 20px;}
	.pc_nav{margin-left:-48%; width:96%;}
	.pc_nav ul li a p{font-size:24px; line-height:24px;}
	.pc_nav ul li a p span{font-size:14px; line-height:24px;}

	.foot_up ul li {padding:25px 35px; }

	.header_con .num {padding:29px 0 0 10px; font-size:18px;}
	.header_con .gnb ul li {padding-right:30px;}
	.header_con .gnb ul li i {right:15px;}
}

/**/
@media all and (max-width:1000px) {
	.pc_display {display:none;}
	.pc_displayi {display:none;}
	.mo_display {display:block;}
	.mo_displayi {display:inline-block;}
	.pc_all{display:none;}


	.w1200 {width:93.75%; margin:0 auto;}

	/*header*/
	#header .header_con {border-top:0; max-height:100%;}
	.header_con h1 {float:none; padding:12px 0; text-align:center; width:100%;}

	/*footer*/
	#footer .in_txt {padding:33px 0; font-size:20px;}
	#footer .adcopy {padding:23px 0 65px;}
	#footer .adcopy h1 {margin:0 0 30px; text-align:center;}
	#footer .adcopy .address {margin-bottom:15px; font-size:18px; text-align:center;}
	#footer .adcopy .copy {font-size:16px; text-align:center;}

	#footer .adcopy .tel_con {position:relative; bottom:auto; right:auto; font-size:0; margin-bottom:50px;}
	#footer .adcopy .tel_con a {display:inline-block; width:45%; vertical-align:top;}
	#footer .adcopy .tel_con a i {display:block; float:left; width:58px;}
	#footer .adcopy .tel_con a div {float:left; width:calc(100% - 58px); padding-left:15px; box-sizing:border-box;}
	#footer .adcopy .tel_con a + a {margin-left:0; width:55%;}
	#footer .adcopy .tel_con a span {display:block; margin:0; vertical-align:baseline;}

	.foot_up ul li {float:none; width:94%; margin:0 auto 2%; }
	.foot_up ul li:nth-of-type(3) {margin:0 auto 0;}
	.foot_up ul li .foot_left{float:left; width:72px; margin-right:30px;}
	.foot_up ul li .foot_right{float:left; width:calc(100% - 102px);}

	

	/* 모바일 전체메뉴 */
	.all_nav .up_tit{font-size:28px; padding:26px 0; color:#222; font-weight:700; letter-spacing:-0.07em; line-height:1;}

}

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

	/*header*/
	.header_con h1 {padding:2% 0;}
	.header_con h1 a {display:inline-block; width:29.166%;}

	/*footer*/
	#footer .in_txt {padding:5% 0; font-size:15px;}
	#footer .adcopy {padding:4% 0 10%;}
	#footer .adcopy h1 {margin:0 0 5%; font-size:20px;}
	#footer .adcopy .address {margin-bottom:2.7%; font-size:14px;}
	#footer .adcopy .copy {font-size:13px;}


	#footer .adcopy .tel_con {margin-bottom:8%;}
	#footer .adcopy .tel_con a {font-size:13px;}
	#footer .adcopy .tel_con a i { float:left; width:9.0625vw;}
	#footer .adcopy .tel_con a div {width:calc(100% - 9.0625vw); padding-left:2%;}
	
	#footer .adcopy .tel_con a span {font-size:11px;}

	.foot_up ul li {height:auto; padding:4.5% 7% 6%;}
	.foot_up ul li .foot_left{ width:20%; margin-right:4%; on}
	.foot_up ul li .foot_right{width:76%;}
	.foot_up ul li .foot_right h4{font-size:16px; line-height:24px; }
	.foot_up ul li .foot_right h4 span{font-size:18px; line-height:24px;}
	.foot_up ul li .foot_right p{font-size:14px; line-height:20px; word-break:keep-all;}


	
	/* 모바일 전체메뉴 */
	.all_nav .up_tit{font-size:4.375vw; padding:4.064% 0;}
	
}

@media all and (max-width:550px) {
	/*header*/
	#header .up_type > div {padding:10px 0;}
	#header .up_type > div a {font-size:14px; }
	#header .up_type > div a i {display:inline-block; width:14px; margin-right:5px;}

	.all_nav ul li a {padding:15px 0; font-size:18px; background-size:7px auto;}
}

@media all and (max-width:350px) {
	#header .up_type > div a {font-size:12px; }
	#header .up_type > div a i {width:12px;}

	#footer .adcopy .tel_con a {width:42%;}
	#footer .adcopy .tel_con a + a {margin-left:0; width:58%;}
	#footer .adcopy .tel_con a {font-size:14px;}
}