@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:160%;letter-spacing:normal; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* delete vertical-align,font:inherit; */

body,html {width:100%; font-size:16px; background:#fff; color:#666;font-family: 'AppleSDGothicNeo', sans-serif; 
height:100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

* {font-family: 'AppleSDGothicNeo', sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
img {max-width:100%;}
input[type=text], input[type=password], textarea {border-radius:0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}	/* ios 둥근라인 없애기, 그림자 없애기*/
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input[type=image] {border-radius:0;}	
input[type=button], input[type=submit] {border-radius:0; -webkit-border-radius: 0; -webkit-appearance: none;}	
button {border:none; background:none;}

.pc_ver {display:block !important;}
.mobile_ver {display:none !important;}
@media(min-width:768px) {
	.pc_ver {display:none !important;}
	.mobile_ver {display:block !important;}
}


.margin-left-0 {margin-left:0}
.margin-right-0 {margin-right:0}
.margin-left-5 {margin-left:5px}
.margin-right-5 {margin-right:5px}
.margin-left-10 {margin-left:10px}
.margin-right-10 {margin-right:10px}
.no-top-space {margin-top:0;padding-top:0}
.no-bottom-space {margin-bottom:0;padding-bottom:0}
.margin-top-0, .margin-top-5,.margin-top-10,.margin-top-15,.margin-top-20,.margin-top-25,.margin-top-30,.margin-top-35,.margin-top-40,.margin-top-45,.margin-top-50,.margin-top-55,.margin-top-60 {clear:both}
.margin-top-0 {margin-top:0 !important}
.margin-top-5 {margin-top:5px}
.margin-top-10 {margin-top:10px}
.margin-top-15 {margin-top:15px}
.margin-top-20 {margin-top:20px}
.margin-top-25 {margin-top:25px}
.margin-top-30 {margin-top:30px}
.margin-top-35 {margin-top:35px}
.margin-top-40 {margin-top:40px}
.margin-top-45 {margin-top:45px}
.margin-top-50 {margin-top:50px}
.margin-top-55 {margin-top:55px}
.margin-top-60 {margin-top:60px}
.margin-bottom-0,.margin-bottom-5,.margin-bottom-10,.margin-bottom-15,.margin-bottom-20,.margin-bottom-25,.margin-bottom-30,.margin-bottom-35,.margin-bottom-40,.margin-bottom-45,.margin-bottom-50,.margin-bottom-55,.margin-bottom-60 {clear:both}
.margin-bottom-0 {margin-bottom:0 !important}
.margin-bottom-5 {margin-bottom:5px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-15 {margin-bottom:15px}
.margin-bottom-20 {margin-bottom:20px}
.margin-bottom-25 {margin-bottom:25px}
.margin-bottom-30 {margin-bottom:30px}
.margin-bottom-35 {margin-bottom:35px}
.margin-bottom-40 {margin-bottom:40px}
.margin-bottom-45 {margin-bottom:45px}
.margin-bottom-50 {margin-bottom:50px}
.margin-bottom-55 {margin-bottom:55px}
.margin-bottom-60 {margin-bottom:60px}

@media (max-width: 768px) {
    .sm-margin-bottom-10 {margin-bottom:10px}
    .sm-margin-bottom-20 {margin-bottom:20px}
    .sm-margin-bottom-30 {margin-bottom:30px}
    .sm-margin-bottom-40 {margin-bottom:40px}
    .sm-margin-bottom-50 {margin-bottom:50px}
    .sm-margin-bottom-60 {margin-bottom:60px}
}

@media (max-width: 992px) {
    .md-margin-bottom-10 {margin-bottom:10px}
    .md-margin-bottom-20 {margin-bottom:20px}
    .md-margin-bottom-30 {margin-bottom:30px}
    .md-margin-bottom-40 {margin-bottom:40px}
    .md-margin-bottom-50 {margin-bottom:50px}
    .md-margin-bottom-60 {margin-bottom:60px}
}

.margin-hr-5 {height:1px;border-top:1px dotted #e5e5e5;margin:5px 0}
.margin-hr-10 {height:1px;border-top:1px dotted #e5e5e5;margin:10px 0}
.margin-hr-15 {height:1px;border-top:1px dotted #e5e5e5;margin:15px 0}
.margin-hr-20 {height:1px;border-top:1px dotted #e5e5e5;margin:20px 0}
.margin-hr-25 {height:1px;border-top:1px dotted #e5e5e5;margin:25px 0}
.margin-hr-30 {height:1px;border-top:1px dotted #e5e5e5;margin:30px 0}
.margin-hr-35 {height:1px;border-top:1px dotted #e5e5e5;margin:25px 0}
.margin-hr-40 {height:1px;border-top:1px dotted #e5e5e5;margin:30px 0}
.padding-0 {padding:0 !important}
.padding-5 {padding:5px !important}
.padding-10 {padding:10px !important}
.padding-15 {padding:15px !important}
.padding-20 {padding:20px !important}
.padding-25 {padding:25px !important}
.padding-30 {padding:30px !important}
.padding-35 {padding:35px !important}
.padding-40 {padding:40px !important}
.padding-45 {padding:45px !important}
.padding-50 {padding:50px !important}
.padding-55 {padding:55px !important}
.padding-60 {padding:60px !important}
.padding-top-5 {padding-top:5px}
.padding-top-10 {padding-top:10px}
.padding-top-15 {padding-top:15px}
.padding-top-20 {padding-top:20px}
.padding-top-25 {padding-top:25px}
.padding-top-30 {padding-top:30px}
.padding-top-35 {padding-top:35px}
.padding-top-40 {padding-top:40px}
.padding-top-45 {padding-top:45px}
.padding-top-50 {padding-top:50px}
.padding-top-55 {padding-top:55px}
.padding-top-60 {padding-top:60px}
.padding-bottom-5 {padding-bottom:5px}
.padding-bottom-10 {padding-bottom:10px}
.padding-bottom-15 {padding-bottom:15px}
.padding-bottom-20 {padding-bottom:20px}
.padding-bottom-25 {padding-bottom:25px}
.padding-bottom-30 {padding-bottom:30px}
.padding-bottom-35 {padding-bottom:35px}
.padding-bottom-40 {padding-bottom:40px}
.padding-bottom-45 {padding-bottom:45px}
.padding-bottom-50 {padding-bottom:50px}
.padding-bottom-55 {padding-bottom:55px}
.padding-bottom-60 {padding-bottom:60px}


/*Button Groups*/
.btn-e-group {padding:5px 12px;height:18px}
.dropdown-menu .divider {margin:5px 0}
.btn-group .dropdown-menu > li > a {padding:3px 13px;font-size:13px}
.btn-group > .btn-e,.btn-group-vertical > .btn-e {float:left;position:relative}
.btn-group > .btn-e:first-child {margin-left:0}

/*For FF Only*/
@-moz-document url-prefix() {
	.footer-subsribe .btn-e {padding-bottom:4px}
}
@media (max-width: 768px) {
	@-moz-document url-prefix() {
		.btn-e {padding-bottom:6px}
	}
}

/*---------- Button Styles ----------*/
.btn {box-shadow:none;font-size:12px}
.btn-default {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-primary {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-success {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-info {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-warning {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-danger {font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px}
.btn-e {white-space:nowrap;border:0;color:#fff;font-size:12px;cursor:pointer;font-weight:300;padding:3px 12px;position:relative;background:#FF2A00;display:inline-block;text-decoration:none}
.btn-e:hover {color:#fff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}a.btn-e {/*padding: 4px 13px;*//*vertical-align: middle;*/}
.btn-e-sm,a.btn-e-sm {padding:2px 10px}
.btn-e-lg,a.btn-e-lg {font-size:14px;padding:6px 16px}
.btn-e-xs,a.btn-e-xs {font-size:11px;padding:1px 8px}


/*Buttons Color*/
a.btn-e,a.btn-e:hover,a.btn-e:focus,a.btn-e:active,a.btn-e.active {color:#fff}
.btn-e:hover,.btn-e:focus,.btn-e:active,.btn-e.active,.open .dropdown-toggle.btn-e {background:#DF2700}
.btn-e-split.dropdown-toggle {border-left:solid 1px #DF2700}
.btn-e.btn-e-default {background:#95959A}
.btn-e.btn-e-default:hover,.btn-e.btn-e-default:focus,.btn-e.btn-e-default:active,.btn-e.btn-e-default.active,.open .dropdown-toggle.btn-e.btn-e-default {background:#75757A}
.btn-e.btn-e-split-default.dropdown-toggle {border-left:solid 1px #75757A}
.btn-e.btn-e-red {background:#FF2A00}
.btn-e.btn-e-red:hover,.btn-e.btn-e-red:focus,.btn-e.btn-e-red:active,.btn-e.btn-e-red.active,.open .dropdown-toggle.btn-e.btn-e-red {background:#DF2700}
.btn-e.btn-e-split-red.dropdown-toggle {border-left:solid 1px #DF2700}
.btn-e.btn-e-blue {background:#007AFF}
.btn-e.btn-e-blue:hover,.btn-e.btn-e-blue:focus,.btn-e.btn-e-blue:active,.btn-e.btn-e-blue.active,.open .dropdown-toggle.btn-e.btn-e-blue {background:#0061D7}
.btn-e.btn-e-split-blue.dropdown-toggle {border-left:solid 1px #0061D7}
.btn-e.btn-e-yellow {background:#FF9500}
.btn-e.btn-e-yellow:hover,.btn-e.btn-e-yellow:focus,.btn-e.btn-e-yellow:active,.btn-e.btn-e-yellow.active,.open .dropdown-toggle.btn-e.btn-e-yellow {background:#E08300}
.btn-e.btn-e-split-yellow.dropdown-toggle {border-left:solid 1px #E08300}
.btn-e.btn-e-green {background:#88BA00}
.btn-e.btn-e-green:hover,.btn-e.btn-e-green:focus,.btn-e.btn-e-green:active,.btn-e.btn-e-green.active,.open .dropdown-toggle.btn-e.btn-e-green {background:#679300}
.btn-e.btn-e-split-green.dropdown-toggle {border-left:solid 1px #679300}
.btn-e.btn-e-orange {background:#FF5500}
.btn-e.btn-e-orange:hover,.btn-e.btn-e-orange:focus,.btn-e.btn-e-orange:active,.btn-e.btn-e-orange.active,.open .dropdown-toggle.btn-e.btn-e-orange {background:#D64600}
.btn-e.btn-e-split-orange.dropdown-toggle {border-left:solid 1px #D64600}
.btn-e.btn-e-purple {background:#855AED}
.btn-e.btn-e-purple:hover,.btn-e.btn-e-purple:focus,.btn-e.btn-e-purple:active,.btn-e.btn-e-purple.active,.open .dropdown-toggle.btn-e.btn-e-purple {background:#7248CF}
.btn-e.btn-e-split-purple.dropdown-toggle {border-left:solid 1px #7248CF}
.btn-e.btn-e-brown {background:#B57F45}
.btn-e.btn-e-brown:hover,.btn-e.btn-e-brown:focus,.btn-e.btn-e-brown:active,.btn-e.btn-e-brown.active,.open .dropdown-toggle.btn-e.btn-e-brown {background:#8D6231}
.btn-e.btn-e-split-brown.dropdown-toggle {border-left:solid 1px #8D6231}
.btn-e.btn-e-sea {background:#4A98FC}
.btn-e.btn-e-sea:hover,.btn-e.btn-e-sea:focus,.btn-e.btn-e-sea:active,.btn-e.btn-e-sea.active,.open .dropdown-toggle.btn-e.btn-e-sea {background:#3778CC}
.btn-e.btn-e-split-sea.dropdown-toggle {border-left:solid 1px #3778CC}
.btn-e.btn-e-aqua {background:#00E8DD}
.btn-e.btn-e-aqua:hover,.btn-e.btn-e-aqua:focus,.btn-e.btn-e-aqua:active,.btn-e.btn-e-aqua.active,.open .dropdown-toggle.btn-e.btn-e-aqua {background:#00B2AB}
.btn-e.btn-e-split-aqua.dropdown-toggle {border-left:solid 1px #00B2AB}
.btn-e.btn-e-dark-blue {background:#0056FF}
.btn-e.btn-e-dark-blue:hover,.btn-e.btn-e-dark-blue:focus,.btn-e.btn-e-dark-blue:active,.btn-e.btn-e-dark-blue.active,.open .dropdown-toggle.btn-e.btn-e-dark-blue {background:#003AC2}
.btn-e.btn-e-split-dark.dropdown-toggle {border-left:solid 1px #003AC2}
.btn-e.btn-e-light-green {background:#7DFF63}
.btn-e.btn-e-light-green:hover,.btn-e.btn-e-light-green:focus,.btn-e.btn-e-light-green:active,.btn-e.btn-e-light-green.active,.open .dropdown-toggle.btn-e.btn-e-light-green {background:#60CE46}
.btn-e.btn-e-split-light-green.dropdown-toggle {border-left:solid 1px #60CE46}
.btn-e.btn-e-dark {background:#55555A}
.btn-e.btn-e-dark:hover,.btn-e.btn-e-dark:focus,.btn-e.btn-e-dark:active,.btn-e.btn-e-dark.active,.open .dropdown-toggle.btn-e.btn-e-dark {background:#35353A}
.btn-e.btn-e-split-dark.dropdown-toggle {border-left:solid 1px #35353A}
.btn-e.btn-e-light-grey {background:#BABABB}
.btn-e.btn-e-light-grey:hover,.btn-e.btn-e-light-grey:focus,.btn-e.btn-e-light-grey:active,.btn-e.btn-e-light-grey.active,.open .dropdown-toggle.btn-e.btn-e-light-grey {background:#95959A}
.btn-e.btn-e-split-light-grey.dropdown-toggle {border-left:solid 1px #95959A}

/*Bordered Buttons*/
.btn-e.btn-brd {color:#55555A;font-weight:200;background:none;border:solid 1px transparent;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.btn-e.btn-brd:hover {background:none;border:solid 1px #eee}
.btn-e.btn-brd:focus {background:none}
.btn-e.btn-brd.btn-brd-hover:hover {color:#fff !important}
.btn-e.btn-brd {border-color:#FF2A00}
.btn-e.btn-brd:hover {color:#DF2700;border-color:#DF2700}
.btn-e.btn-brd.btn-brd-hover:hover {background:#DF2700}
.btn-e.btn-brd.btn-e-default {border-color:#95959A}
.btn-e.btn-brd.btn-e-default:hover {color:#75757A;border-color:#75757A}
.btn-e.btn-brd.btn-e-default.btn-brd-hover:hover {background:#75757A}
.btn-e.btn-brd.btn-e-red {border-color:#FF2A00}
.btn-e.btn-brd.btn-e-red:hover {color:#DF2700;border-color:#DF2700}
.btn-e.btn-brd.btn-e-red.btn-brd-hover:hover {background:#DF2700}
.btn-e.btn-brd.btn-e-blue {border-color:#007AFF}
.btn-e.btn-brd.btn-e-blue:hover {color:#0061D7;border-color:#0061D7}
.btn-e.btn-brd.btn-e-blue.btn-brd-hover:hover {background:#0061D7}
.btn-e.btn-brd.btn-e-yellow {border-color:#FF9500}
.btn-e.btn-brd.btn-e-yellow:hover {color:#E08300;border-color:#E08300}
.btn-e.btn-brd.btn-e-yellow.btn-brd-hover:hover {background:#E08300}
.btn-e.btn-brd.btn-e-green {border-color:#88BA00}
.btn-e.btn-brd.btn-e-green:hover {color:#679300;border-color:#679300}
.btn-e.btn-brd.btn-e-green.btn-brd-hover:hover {background:#679300}
.btn-e.btn-brd.btn-e-orange {border-color:#FF5500}
.btn-e.btn-brd.btn-e-orange:hover {color:#D64600;border-color:#D64600}
.btn-e.btn-brd.btn-e-orange.btn-brd-hover:hover {background:#D64600}
.btn-e.btn-brd.btn-e-purple {border-color:#855AED}
.btn-e.btn-brd.btn-e-purple:hover {color:#7248CF;border-color:#7248CF}
.btn-e.btn-brd.btn-e-purple.btn-brd-hover:hover {background:#7248CF}
.btn-e.btn-brd.btn-e-brown {border-color:#B57F45}
.btn-e.btn-brd.btn-e-brown:hover {color:#8D6231;border-color:#8D6231}
.btn-e.btn-brd.btn-e-brown.btn-brd-hover:hover {background:#8D6231}
.btn-e.btn-brd.btn-e-sea {border-color:#4A98FC}
.btn-e.btn-brd.btn-e-sea:hover {color:#3778CC;border-color:#3778CC}
.btn-e.btn-brd.btn-e-sea.btn-brd-hover:hover {background:#3778CC}
.btn-e.btn-brd.btn-e-aqua {border-color:#00E8DD}
.btn-e.btn-brd.btn-e-aqua:hover {color:#00B2AB;border-color:#00B2AB}
.btn-e.btn-brd.btn-e-aqua.btn-brd-hover:hover {background:#00B2AB}
.btn-e.btn-brd.btn-e-dark-blue {border-color:#0056FF}
.btn-e.btn-brd.btn-e-dark-blue:hover {color:#003AC2;border-color:#003AC2}
.btn-e.btn-brd.btn-e-dark-blue.btn-brd-hover:hover {background:#003AC2}
.btn-e.btn-brd.btn-e-light-green {border-color:#7DFF63}
.btn-e.btn-brd.btn-e-light-green:hover {color:#60CE46;border-color:#60CE46}
.btn-e.btn-brd.btn-e-light-green.btn-brd-hover:hover {background:#60CE46}
.btn-e.btn-brd.btn-e-light-grey {border-color:#BABABB}
.btn-e.btn-brd.btn-e-light-grey:hover {color:#95959A;border-color:#95959A}
.btn-e.btn-brd.btn-e-light-grey.btn-brd-hover:hover {background:#95959A}
.btn-e.btn-brd.btn-e-dark {border-color:#55555A}
.btn-e.btn-brd.btn-e-dark:hover {color:#35353A;border-color:#35353A}
.btn-e.btn-brd.btn-e-dark.btn-brd-hover:hover {background:#35353A}
.btn-e.btn-brd.btn-e-light {color:#fff;border-color:#fff}
.btn-e.btn-brd.btn-e-light:hover {border-color:#fff}
.btn-e.btn-brd.btn-e-light.btn-brd-hover:hover {background:#fff;color:#55555A !important}

.input_search {border:0; background:none; height:20px; width:155px; font-size:16px; color:#666;  font-family:"Heebo", 'Noto Sans KR',  sans-serif;}
.eng_font {font-family:"Heebo", Arial, Tahoma, Verdana, sans-serif; letter-spacing:0 !important;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

select {padding-top: .35em; padding-bottom:.35em; padding-left:.5em; padding-right:15px !important; background: #fff url('/images/foot_select_arrow.gif') no-repeat right 3px center; border: 1px solid #ddd; border-radius: 0px  !important; -webkit-appearance: none  !important; -moz-appearance: none  !important; appearance: none  !important;} 
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }

/* 말줄임표 css */
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.multiline {overflow:hidden; height: 2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; text-overflow:ellipsis;}

/* pc, 모바일 상태에 따라 숨김처리 */ 
.pc_ver {display:block !important;}
.mobile_ver {display:none !important;}
@media all and (max-width:980px){
	.pc_ver {display:none !important;}
	.mobile_ver {display:block !important;}
}



/**/
.hey #sticker {z-index:999 !important}
.hey #sticker .lnb_mobile{margin:0 auto}

/*sub-title*/
.sub-title {/*font-weight: bold;*/ color: #000 !important; text-align:left; font-size: 30px; padding: 60px 0 30px; font-weight:600}
@media all and (max-width:980px){
	.sub-title {font-size: 24px; padding: 30px 0;}
}

/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%;}

#header {position:fixed; z-index:999; width:100%; clear:both; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
#header .header_in {position:relative; width:100%; margin:0 auto; max-width:1480px; height:110px;}
#header .header_in h1{position:relative; float:left; padding:25px 0; z-index:9999; }
#header .header_in h1 a {color:#fff;}
#header .header_in h1 a img {width: 250px;}
#header .header_in .topbox {position:absolute; top:0px; right:0; z-index:9999;}
#header .header_in .topbox .sitemap {position:absolute; left:30px; top:0px; width:25px; height:23px;}
#header .header_in .topbox .sitemap a {display:block;}

#header .header_in .topUtil {position:relative; float:right; /*margin-right:50px;*/ margin-top:45px; z-index:10004;}
/*#header .header_in .topUtil:after {position:absolute; content:""; right:0; top:9px; width:1px; height:10px; background:rgba(255,255,255,0.7);}*/

/*#header .header_in .topUtil dd {float:left; width:195px;}*/
#header .header_in .topUtil dd .title {float:left; position:relative; display:block; color:#fff; font-size:13px; cursor:pointer; padding:3px 0; text-align:left; /*background:url('/images/mypage.png') left center no-repeat;*/}
#header .header_in .topUtil dd .title a {/*display:block;*/ color:#fff; /*background:url('/images/global_arr.png') right 45% center no-repeat;*/ margin: 0 5px;}


#header .header_in .topUtil dd .title a.join {background:url('/images/join.png') left 0% center no-repeat; padding:5px 0 5px 35px; }
#header .header_in .topUtil dd .title a.login {background:url('/images/mypage.png') left 0% center no-repeat; padding:5px 0 5px 35px;}
#header .header_in .topUtil dd .title a.mypage {background:url('/images/mypage2.png') left 0% center no-repeat; padding:5px 0 5px 35px; }
#header .header_in .topUtil dd .title a.call {background:url('/images/header_call.png') left 0% center no-repeat; background-size: cover; padding: 12px 207px; }

#header .header_in .topUtil button.menu-trigger {padding:0; width:25px; height:23px; background-color: transparent; position: relative; border:none; cursor: pointer;}
#header .header_in .topUtil button.menu-trigger span {background:url('/images/menuAll2.png') left 0% center no-repeat; padding-left: 35px;}

#header .header_in .topUtil dd .title a img {margin-right: 5px;}
#header .header_in .topUtil dd .title2 {float:left; position:relative; display:block; color:#fff; font-size:15px; cursor:pointer; padding:3px 0 3px 28px; text-align:left; background:url('/images/join.png') left center no-repeat;}
#header .header_in .topUtil dd .title2 a {/*display:block;*/ color:#fff; /*background:url('/images/global_arr.png') right 45% center no-repeat;*/ }
#header .header_in .topUtil dd .title.on_t {/*background:url('/images/global_icon.png') left center no-repeat;*/}
#header .header_in .topUtil dd ul.sub_m {position:absolute; opacity:0; display:none; background:#fff; z-index:99; padding:8px 0 8px 0; width:100px; border-radius:15px; margin-left:-10px; box-shadow:rgba(0,0,0,.1) 2px 2px 6px;}
#header .header_in .topUtil dd li {font-size:13px; letter-spacing:-0.3pt;}
#header .header_in .topUtil dd li a {display:block; font-size:13px; letter-spacing:-0.3pt; padding:0 0 0 15px; line-height:24px;}
#header .header_in .topUtil dd li a:hover {color:#0c4ca3}
#header .header_in .topUtil dd li a.on {color:#0c4ca3; font-weight:600; text-decoration:underline}
#header .header_in .topUtil.menu_o dd .title {color:#333; /*background:url('/images/global_icon_b.png') left center no-repeat;*/}
#header .header_in .topUtil.menu_o dd .title a {color:#333; /*background:url('/images/global_arr_b.png') right 45% center no-repeat;*/ color:#666; letter-spacing:0.4pt;}

#header .header_in .topUtil.menu_o dd .title a.join {background:url('/images/join_b.png') left 0% center no-repeat; padding:5px 0 5px 35px;}
#header .header_in .topUtil.menu_o dd .title a.login {background:url('/images/mypage_b.png') left 0% center no-repeat; padding:5px 0 5px 35px;}
#header .header_in .topUtil.menu_o dd .title a.mypage {background:url('/images/mypage_b2.png') left 0% center no-repeat; padding:5px 0 5px 35px;}
/*#header .header_in .topUtil.menu_o dd .title a.call {background:url('/images/header_call.png') left 0% center no-repeat; padding:14px 0 10px 210px; }*/


#header .header_in .topUtil.menu_o button.menu-trigger {padding:0; width:25px; height:23px; background-color: transparent; position: relative; border:none; cursor: pointer;}
#header .header_in .topUtil.menu_o button.menu-trigger span {background:url('/images/menuAll_b.png') left 0% center no-repeat; padding-left: 35px;}


#header .header_in .topUtil.menu_o dd .title.on_t {background:url('/images/global_icon_b.png') left center no-repeat;}
#header .header_in .topUtil.menu_o:after {background:rgba(50,50,50,0.7);}


#header.fixed {position:fixed; background:#fff; z-index:999; box-shadow:0 0 1px #999; border-bottom:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s;}
#header.fixed .header_in .topUtil:after { background:rgba(50,50,50,0.7);}
#header.fixed .header_in .topUtil dd .title {color:#333; /*background:url('/images/global_icon_b.png') left center no-repeat;*/}
#header.fixed .header_in .topUtil dd .title a {color:#666; /*background:url('/images/global_arr_b.png') right 45% center no-repeat;*/ }
#header.fixed .header_in .topUtil dd .title.on_t {background:url('/images/global_icon_b.png') left center no-repeat;}
/*#header.fixed .header_in .topUtil dd.menu_o span.title {color:#333; background:url('/images/global_icon_w.png') left center no-repeat;}
#header.fixed .header_in .topUtil dd.menu_o span.title a {color:#333; background:url('/images/global_arr_w.png') right 45% center no-repeat;}
#header.fixed .header_in .topUtil dd.menu_o span.title.on_t {background:url('/images/global_icon_w.png') left center no-repeat;}
#header.fixed .header_in .topUtil dd ul.sub_m {position:absolute; opacity:0; display:none; background:#fff; z-index:99; padding:8px 0 8px 0; width:100px; border-radius:15px; margin-left:-10px; box-shadow:rgba(0,0,0,.1) 2px 2px 6px;}
#header.fixed .header_in .topUtil dd li {font-size:13px; letter-spacing:-0.3pt;}
#header.fixed .header_in .topUtil dd li a {display:block; font-size:13px; letter-spacing:-0.3pt; padding:0 0 0 15px; line-height:24px;}
#header.fixed .header_in .topUtil dd li a:hover {color:#cf2026}
#header.fixed .header_in .topUtil dd li a.on {color:#cf2026; font-weight:600; text-decoration:underline}*/


/* TOP 메뉴 */
#menu {position:absolute; width:100%; top:0; height:90px; z-index:1030; }
.gnbDiv {width:100%; height:110px; overflow:hidden; position:absolute; top:0px; left:0; z-index:10000; transition:all 0.5s; }
.gnbDiv.menu_o {height:300px; background:#fff; transition:all 0.5s;}
.gnbDiv .gnbWrap {position:absolute; top:0; margin: 0 auto; overflow: hidden; position: relative; max-width:1480px; z-index: 10000;} 
.gnbDiv .gnbWrap h1{position:absolute; padding:25px 0 0 0; z-index:1040; display:none;}
.gnbDiv .gnbWrap h1 img {width: 250px;}
.gnbDiv .gnbWrap .gnb {max-width:980px; z-index:10000; height:400px; float:left;  margin:0 0 0 360px;}
.gnbDiv .gnbWrap .gnb .oneDep {line-height:100%; font-size:18px; font-weight:400; color:#fff; letter-spacing:-0.5pt; padding:40px 0 28px; width:200px; text-align:center;}
.gnbDiv .gnbWrap .gnb .oneDep.black {color:#333;}
.gnbDiv .gnbWrap .gnb ul {overflow:hidden; width:100%; height:400px;}
.gnbDiv .gnbWrap .gnb ul li {height:400px;  position:relative; float:left; text-align:center; line-height:100%;}	
.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; position:relative; font-weight: bold; color:#333 !important; text-decoration:none !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep span {display: block; font-size: 15px; font-weight: lighter;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep:after{position:absolute; bottom:-2px; display:block; content:""; overflow:hidden; width:0; height:3px; background:#0c4ca3; transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#0c4ca3 !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep:after{width:100%; transition:all 0.3s;}
.gnbDiv .gnbWrap .twoDep {display:block; padding-top:30px; box-sizing:border-box; position:relative; visibility: visible; height:370px;}
.gnbDiv .gnbWrap li.on .twoDep{}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#0c4ca3; text-decoration:underline; transition:all 0.3s; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#0c4ca3; vertical-align:top;}
.gnbDiv .gnbWrap li .twoDep a {display:block; font-size:15px; line-height:100%; letter-spacing:-0.3pt; padding:6px 0; margin-bottom:3px; text-align:center; transition:all 0.3s;}
.disB{display:block;}
.gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;}
.twoDbg {display:; position:absolute; top:110px; left:0; height:320px; border-bottom:1px solid #ddd; width:100%; z-index:1030; line-height:100%; border-top:1px solid #ddd;transition:all 0.5s;}

/* 메뉴 : 슬라이드 메뉴 */
#menuArea {max-width:500px; min-width:220px; height:100%; position:fixed; right:0; top:0; z-index:99999; overflow-x:hidden;overflow-y:auto;display:none;}
#menuArea .mlogo{overflow:hidden; clear:both; padding:12px 15px;border-bottom:1px solid #ddd;}
#menuArea .mlogo img{width:80px;}
#menuArea .menuList {width:40%; max-width:500px; min-width:220px; min-height:100%;  background: #fff; position:absolute; right:-528px; box-sizing:border-box;overflow-y:auto; box-shadow:-2px 0 2px rgba(0,0,0,0.8);}
#menuArea .menuList>.list {background-color:#fff;}
#menuArea .menuList>.list>li {background:#fff;}
#menuArea .menuList>.list>li>a:after{    content: ""; position: absolute; right:15px; top: 50%;margin-top: -6px; width: 12px;height: 12px;background: url('/images/plus.png') no-repeat center; background-size: 100%}
#menuArea .menuList>.list>li.active>a:after{background: url('/images/plus2.png') no-repeat center; background-size: 100%;}
#menuArea .menuList>.list>li.active>a{background:#0c4ca3; background-size:12px;color: #fff !important; font-weight:700; border-bottom: 1px solid #ddd;}
#menuArea .menuList>.list>li>a { position: relative;  padding: 0 0 0 18px; background: url('/images/mallcate_li.gif') no-repeat right 18px center, #fff; padding:13px 0 13px 15px; display:block; font-size:14px; line-height:100%; border-bottom:1px solid #ddd; color:#666; letter-spacing:-0.5pt;}
#menuArea .menuList>.list .sMenu {background-color: #f9f9f9; position: relative;  width: 100%;  padding:14px 0 14px 15px; display:none;  border-bottom:1px solid #ddd;}
#menuArea .menuList>.list .sMenu>li {position: relative;}
#menuArea .menuList>.list .sMenu>li>a {display:block; padding:2px 0 2px 10px; border:none; font-size:13px; letter-spacing:-0.5pt; color:#666;}
#menuArea .menuList>.list .sMenu>li>a:before{content: ""; background:#666; width:3px; height:3px; display:block; position: absolute;left: 0;top: 10px;}
#menuArea .menuList .btnMenu_mClose {display:block; width:96%; line-height:130%; padding:10px 0; text-align:center; font-size:13px; background:#333; color:#fff; margin:10px auto; border:none;}
#menuArea .menuList>.list>li.icon05 img{width:60px;}

#grayLayer {width:100%; height:100% !important; background:rgba(30,30,30,0.8); position:fixed; left:0; top:0; z-index:999; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}

/* 전체메뉴 버튼 */
/*
button.menu-trigger {padding:0; width:25px; height:23px; background-color: transparent; position: relative; border:none; cursor: pointer;}
button.menu-trigger span{background:url('/images/menuAll.png') no-repeat; width:25px; display:block; height:23px;}
*/

/* 검색 */	
.searchZone {position:absolute; top:41px; right:46px; z-index:989; width:28px; height:31px;}
.searchZone a {display:block;}
/*.searchZone a {background:url('/images/search_btn.png') no-repeat; width:16px; height:21px; display:inline-block; background-size:16px; }*/
.searchZone a img {width:28px;}
.mask {position:absolute; left:0; top:0; z-index:9999; background-color:#3c4247; display:none;}
.window {display: none; z-index:99995; width:80%; max-width:1000px; height:55px; background:#fff; border-radius:8px; box-sizing:border-box; padding:10px 15px; margin-left:-3%;}
.window .close {display:block; font-size:20px; color:#fff; position:absolute; top:-40px; right:8px; height:19px; width:19px; z-index:99999; cursor:pointer; }
.inputB {width:100%; overflow:hidden; clear:both; }
.inputB dd {float:left; width:calc(100% - 45px); overflow:hidden; }
.input_search2 {border:none !important;  letter-spacing:-0.55pt; width:100%; font-size:15px; color:#777; letter-spacing:-0.5pt; padding:8px 0}
.inputB dt {float:right; width:45px; line-height:38px; text-align:right;}
.inputB dt input[type=image] {vertical-align:top;}

/* 하단 */
#footer {clear:both; position:relative; width:100%; height: 220px; /*border-top: 1px solid #ddd;*/ background: #d2d2d2;}
#footer .foot_in {position:relative; margin:0 auto; width:100%; max-width:1480px; padding:40px 0;}
#footer .foot_in dl {width:100%; overflow:hidden;}
#footer .foot_in dt {float:left; width:185px; color:#000; font-size:22px;}
#footer .foot_in dd {float:left; width:calc(100% - 185px); /*padding-top:20px;*/}
#footer .foot_in dd select {position:absolute; right:0; top:45px; z-index:2; width:230px; height:50px; border:1px solid #333; font-size:16px; font-weight:500; background: #fff url('/images/family_arr.png') no-repeat right 15px center; letter-spacing:-0.5pt; padding-left:15px;}
#footer .foot_bn {position:relative; overflow:hidden;}
#footer .foot_bn ul {display:inline-block;}
#footer .foot_bn ul li {position:relative; display:inline-block; padding:0 20px;}
#footer .foot_bn ul li:after {position:absolute; right:0; top:0; width:1px; height:15px; background:#ddd; display:inline-block;}
#footer .foot_bn ul li:first-child {padding:0 20px 0 0;}
/*#footer .foot_bn ul li:first-child a:link,  #footer .foot_bn ul li:first-child a:visited {font-weight:600; color:#333;}*/
#footer .foot_bn ul li a:link, 
#footer .foot_bn ul li a:visited {letter-spacing:-0.5pt; line-height:100%; font-size:16px;}
#footer .copy {position:relative; overflow:hidden; clear:both; /*padding-top:25px*/}
#footer .copy li {line-height:18px; color:#787878; font-size:14px; word-break: keep-all; font-weight:400; margin-bottom:13px;}
#footer .copy li.black {font-size: 16px; color: #3c3c3c;}
#footer .copy li span {letter-spacing:-0.5pt; line-height:100%; margin-right:20px;}
#footer .copy li span.privacy {opacity:0;}
#footer .copy li span:last-child {margin-right:0}

#footer .copy li.copyright {letter-spacing:0; font-size:14px; color:#9a9a9a; padding-top:12px; text-transform:uppercase;}
#footer .copy li.copyright span {letter-spacing:0pt;}

@media (max-width: 991px) {
	#footer {height: auto;}
	#footer .copy li.black {font-size: 14px;}
}

.topBtn {position: fixed; right: 2%;bottom: 2%; z-index:2;}
.topBtn a div {padding-bottom:8px;}
.topBtn a {color:#fff; font-size:12px; font-family: sans-serif, 'Noto Sans KR'; line-height:100%;}
.topBtn img {box-shadow:0 10px 20px rgba(0,0,0,0.2); border-radius:100%;}

/* footer2 */
#footer2 {padding:35px 0 28px 0; background-color:#333;}
#footer2 .f_wrap{position:relative;}
/*#footer2 .f_logo{display:table-cell; width:160px; vertical-align:middle;}
#footer2 .f_logo a{display:block; width:140px; height:39px; background:url("/images/logo.png") no-repeat 0 0;}*/
#footer2 .f_info{display:table-cell; width:auto; vertical-align:middle; font-size:14px;}
#footer2 .f_info .address{color:#e5e5e5; margin-bottom:5px;}
#footer2 .f_info .address span{position:relative; padding-left:24px;}
#footer2 .f_info .address span:before{content:""; position:absolute; left:12px; top:50%; margin-top:-5px; display:block; width:1px; height:11px; background-color:#aaaaaa;}
#footer2 .f_info .copyright{color:#e5e5e5; font-weight:100;}
#footer2.f_subLogo li{display:inline-block; vertical-align:middle;}
#footer2 .f_subLogo .logo01{padding-right:30px;}
#footer2 .f_subLogo .logo01 a{display:block; width:71px; height:24px; background:url("../images/f_logo2.jpg") no-repeat center;}
#footer2 .f_subLogo .logo02 a{display:block; width:156px; height:24px; background:url("../images/f_logo3.jpg") no-repeat center;}

#footer2 .logo_wrap{clear: both; margin-top:15px; border-top:1px solid #5e5e5e;}
/*#footer2 .right_con{position:absolute; right:0; top:0;}*/

@media (max-width:991px){
	#footer2 .f_wrap a.f_logo img {width: 50%; margin-bottom: 20px;}
	#footer2 .f_info .address {word-break: keep-all;}
}

/* Select */
.select{ width:200px; height:32px;position:relative; line-height:normal; display:inline-block; vertical-align:middle; background:#fff; cursor:pointer; font-size:14px;}
.select .sValue{ position:relative; display: block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; z-index:2; left:0; top:0; border:1px solid #ddd; color:#333; line-height:30px;text-align:left; overflow:visible; background:transparent; padding-left:12px;}
.select .ctrl{ position: absolute; width:32px; height:32px; right:0; top:0; border-left:1px solid #ddd;}
.select.open .ctrl{border-left:1px solid #ddd;}
.select .ctrl:before{content:""; position:absolute; left:10px; top:15px; display:block; width:12px; height:2px; background-color:#333; transition: .5s;}
.select .ctrl:after{content:""; position:absolute; left:15px; top:10px; display:block; width:2px; height:12px; background-color:#333; transition: .5s;}
.select.open .ctrl:before{transform:rotate(360deg);}
.select.open .ctrl:after{content:none;}
.select ul.aList{ display:none;position: absolute; z-index: 1; bottom: 100%; left:0; width:100%;  max-height: 175px; overflow-y: auto; list-style:none; border:1px solid #ddd;margin-top: -1px; margin-bottom: -1px; background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.select ul.aList li a{   text-align: left;display:block; height:100%; line-height:30px;   margin: 0; background:#fff; text-decoration:none; padding-left: 12px;}
.select ul.aList li a span{color:#333;}
.select ul.aList li.hover a{background-color: #f27824;}
.select ul.aList li.hover a span{color: #fff; }
.select.open ul.aList{ display:block;}


/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline; }
.page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px; font-size:0.875rem; }
.page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 }

/** 에러페이지 **/
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('/images/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}


/*******************************************************************************
	@media 1241px~1480px
*******************************************************************************/
@media all and (max-width:1480px){

#header .header_in {width:98%; max-width:100%;}
#header .header_in .topbox .header_mobile {display:none;}

.gnbDiv .gnbWrap {width:98%; max-width:100%;} 
.gnbDiv .gnbWrap .gnb {margin:0 0 0 17%;}
.gnbDiv .gnbWrap .gnb .oneDep {width:175px; font-size:17px; padding:46px 0}
.gnbDiv .gnbWrap li .twoDep a{font-size:14px;}

#footer .foot_in {width:98%; max-width:100%;}

}


/*******************************************************************************
	@media 1241px~1480px
*******************************************************************************/
@media all and (max-width:1300px){

.gnbDiv .gnbWrap .gnb {margin:0 0 0 14%;}


}


/*******************************************************************************
	@media 981px~1240px
*******************************************************************************/
@media all and (max-width:1240px){

#header .header_in .topbox .sitemap {display:none;}
#header .header_in .topbox .header_mobile {display:block; margin-top:44px;}
.gnbDiv .gnbWrap .gnb {display:none; max-width:100%;}
.gnbDiv .gnbWrap .gnb {margin:0 0 0 15%;}

	.window {max-width:100%;}

#footer .foot_in dt {width:200px;}
#footer .foot_in dd {width:calc(100% - 200px);}
}


/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media (max-width:980px){

body,html {font-size:15px;}

#header .header_in {height:auto;}
#header .header_in h1 {padding:15px 0;}
#header .header_in h1 img {max-width:140px;}
#header .header_in .topbox .all_cate {margin-top:5px;}
#header .header_in .topUtil {margin-top:22px; margin-right:0px;}
#header .header_in .topUtil dd.header_pc {display:none;}
#header .header_in .topUtil dd.header_mobile {display:block; border-radius:50px; border:1px solid #fff; width:auto;}
#header .header_in .topUtil dd.header_mobile span.title {background:none; padding:3px 17px;} /* background:url('/images/global_icon.png') 12px center no-repeat;  */
#header .header_in .topUtil dd.header_mobile span.title a {background:none; font-size:14px;}
#header .header_in .topUtil:after {display:none;}
#header .header_in h1 {padding:20px 0;}
#header .header_in h1 img {width:100px; vertical-align:top;}
#header .header_in h1 a {display:block; width:200px; font-size: 22px; /*font-size:0;*/}

.searchZone {top:20px}

#footer .foot_bn ul li a:link, #footer .foot_bn ul li a:visited {font-size:15px;}
#footer .copy {padding-top:20px;}
#footer .foot_in dt {display:none;}
#footer .foot_in dd {float:none; width:100%; padding-top:0;}
#footer .foot_in dd select {width:200px; height:40px; padding-left:12px; background:#fff url('/images/family_arr.png') no-repeat right 12px center; font-size:14px;}

.topBtn img {max-width:60px;}

}


/*******************************************************************************
	@media 671~768px
*******************************************************************************/
@media all and (max-width:768px){

#footer .foot_in {width:96%; margin:0 auto; padding:40px 0 35px 0;}
#footer .copy li span {line-height:120%;}
#footer .copy li span.fin4{display:block; margin-right:0; margin-bottom:5px;}

#footer .copy {padding-top:15px;}
#footer .copy li {font-size:14px; margin-bottom:10px; line-height:120%;}
#footer .copy li span { line-height:120%;}
#footer .copy li span.fin4 {margin-bottom:10px;}
#footer .copy li.copyright {padding-top:8px; font-size:14px;}

}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

body,html {font-size:14px;}
#header .header_in {width:96%;}
.gnbDiv .gnbWrap {width:96%;} 

.searchZone {right:30px; top:22px;}
.searchZone img {max-width:22px;}
button.menu-trigger {width:22px}
button.menu-trigger span {width:22px; background-size:22px auto;}

#header .header_in .topUtil {margin-right:10px; margin-top:24px;}
#header .header_in .topUtil dd {width:85px;}
/*#header .header_in .topUtil dd span.title {font-size:14px; }
#header .header_in .topUtil dd span.title a {background:url('/images/global_arr.png') right 25% center no-repeat; }
#header .header_in .topUtil dd span.title.on_t{background:url('/images/global_icon.png') left center no-repeat;}
#header .header_in .topUtil dd ul.sub_m {padding:8px 0 8px 0; width:80px; margin-left:-10px;}*/
#header .header_in .topUtil dd li {font-size:13px; letter-spacing:-0.3pt;}
#header .header_in .topUtil dd li a {display:block; font-size:13px; padding:0 0 0 15px; line-height:24px;}
#header .header_in .topUtil dd.header_mobile span.title {padding:2px 15px;}
#header .header_in .topUtil dd.header_mobile span.title a {font-size:13px; line-height:normal;}
#header .header_in .topbox .all_cate {margin-top:3px;}
#footer .foot_in {width:96%; padding:35px 0 30px 0;}

#footer .foot_bn {display:none;}
#footer .copy {padding-top:0;}
#footer .copy li {font-size:13px; margin-bottom:8px; line-height:120%;}
#footer .copy li span { line-height:120%;}
#footer .copy li span.fin4 {margin-bottom:7px;}
#footer .copy li.copyright {padding-top:5px; font-size:13px;}
#footer .copy li span.privacy {opacity:1.0; letter-spacing:-0.5pt; text-decoration:underline; }
#footer .copy li span.privacy a:link, #footer .copy li span.privacy a:visited {color:#333; font-weight:600;}
#footer .foot_in dd select {position:relative; top:auto; display:block; width:100%; margin-top:10px;}

.topBtn img {max-width:45px;}


}

/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

body,html {font-size:13px;}

#footer .foot_in {padding:25px 0 20px 0;}

}






/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){


#footer .copy li span.fin1 {display:block; margin-bottom:8px; line-height:120%;}
#footer .foot_in dd select {font-size:12px;}

}


/*---------- Board Title ----------*/
.board-title {position:relative;overflow:hidden;height:315px;background-repeat:no-repeat;background:#007aff;background-size:cover}
.board-title:after {display:block;content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0;position:absolute;z-index:1}
.board-title .subtop_txt {text-align: center; position:relative; margin-top:190px; z-index:10;}
.board-title .subtop_txt h3 {font-size:36px; color:#fff; line-height:130%;  letter-spacing:-1pt; font-weight:700;}
.board-title .subtop_txt P {font-size:16px; color:#fff; line-height:100%; letter-spacing:-0.5pt; margin-top:20px;}
@media all and (max-width:980px){
	.board-title {height: 160px;}
	.board-title .subtop_txt {margin-top:108px;}
	.board-title .subtop_txt h3 {font-size: 18px;}
	.board-title .subtop_txt P {font-size: 14px; margin-top: 10px;}
}

/*---------- lnb ----------*/
.lnb {position:relative; overflow:hidden; border-bottom:1px solid #ddd;}
.lnb ul {position:relative; overflow:hidden; max-width:100%; margin:0 auto; text-align:center;}
.lnb li {position:relative; display:inline-block; text-align:center; width:auto; padding: 0 15px;}
.lnb li a {border-bottom: 2px solid transparent; padding: 0 30px; color:#666; font-size:15px; letter-spacing:-0.5pt; display:block; line-height:60px; height:60px; text-align:center; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.lnb li a:hover{display:block; color:#005dab; text-decoration: none;  }
.lnb .com_warp li a{padding: 0 10px;}
.left_linktop{display:block; color:#005dab !important; text-decoration: none; border-bottom-color: #005dab !important;}

.lnb_mobile {width:100%; display:block; background:#fff; position:relative; /*margin:-30px auto 0 auto;*/ opacity:0; top:-20px;}
.lnbMenu {background: #12203a; }

.mobile_snb {display: block; max-width:1480px; margin:0 auto; height:60px;}
.mobile_snb h2 {float:left; position:relative;}
.mobile_snb h2:before {position:absolute; content:""; left:0; top:22px; width:1px; height:16px; background:#14375b; z-index:3;}
.mobile_snb h2:after {position:absolute; content:""; right:0; top:22px; width:1px; height:16px; background:#14375b; z-index:3;}
.mobile_snb h2 a {display:block; width:60px; height:60px; background:url('/images/lnb_home.png') center no-repeat; background-size:18px; }
.mobile_snb h2 a {display:block; width:60px; height:60px; background:url('/images/lnb_home.png') center no-repeat; background-size:18px; }
.mobile_snb .box {width: 300px; position:relative; float:left; height: 60px;box-sizing:border-box;} /* background-color: #fff;  */
.mobile_snb .box:after {position:absolute; content:""; right:0; top:22px; width:1px; height:16px; background:#14375b; z-index:3;}
.mobile_snb .box.dep1 {/*background-color: #003591;*/}
.mobile_snb .dropLst .txt, 
.mobile_snb .dropLst li span, 
.mobile_snb .dropLst > a {padding-left:15px; width:100%; height:60px; line-height:60px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt;}
.mobile_snb .box .dropLst .txt {padding-right:40px; color:#fff;}
.mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:15px; display: block; width: 15px; height:9px; margin-top:-4px; background: url("/images/lnb_arr.png") no-repeat center center/cover; background-size:100%; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);}
.mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.mobile_snb .box .dropLst ul {padding:0;}
.mobile_snb .box.dep1 .dropLst ul,
.mobile_snb .box.dep1 .dropLst ul li {background-color: #f6f6f6;} /* background-color: #003591; */
.mobile_snb .box.dep1 .dropLst ul li:first-child {}
.mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;}
.mobile_snb .box.dep1 .dropLst li .value {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;}
.mobile_snb .box.dep1 .dropLst li .value.on {color:#fff;  background:#0c4ca3; display:block;}
.mobile_snb .box.dep1 .dropLst .txt {color:#fff; } /* color:#fff; */
.mobile_snb .box.dep1 .dropLst .txt:before {background-position:top left;} /* background-position: 0px 0px */
.mobile_snb .box.dep2 .dropLst ul,
.mobile_snb .box.dep2 .dropLst ul li  {background-color: #f6f6f6;} /*background-color: #fff;*/
.mobile_snb .box.dep2 .dropLst li .value {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;} /*color:#003591;*/
.mobile_snb .box.dep2 .dropLst li .value.on {color:#fff; display:block; background:#0c4ca3;} /*color:#00aeef;*/
/*.mobile_snb .box.dep2 .dropLst li a:link, .mobile_snb .box.dep2 .dropLst li a:visited {padding-left:15px; width:100%; height: 50px; line-height: 50px; font-size:15px; border:none; z-index: 99; box-sizing:border-box; letter-spacing:-0.5pt; color:#555;} */
.mobile_snb .dropLst {width:100%; box-sizing: border-box;position:relative;}
.mobile_snb .dropLst .dlst {width:300px;}
.mobile_snb .dropLst .dlst ul {border:1px solid #ddd; border-top:none;}

@media all and (max-width:680px){
	.mobile_snb{height:50px}
	.mobile_snb h2{display:none;}
	.mobile_snb .box{width:50%; height:50px}
	.mobile_snb .dropLst .dlst{width:100%; left:0}
	.mobile_snb .dropLst .dlst ul{border-left:none; border-right:none; border-bottom:1px solid #ddd;}
	.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a{font-size:14px; height:50px; line-height:50px}
	.mobile_snb .box:after{top:18px}
	.mobile_snb .dep2.box:after{display:none;}
	.mobile_snb .box.dep1 .dropLst li .value {font-size:14px; line-height:46px; height:46px}
	.mobile_snb .box.dep2 .dropLst li .value {font-size:14px; line-height:46px; height:46px}
}


.tit_area {width:100%; padding:0 0 60px 0; overflow:hidden;}
.tit_area h2.title {text-align:center; color:#000; font-weight:700; padding-top: 60px; line-height:36px; font-size:2.5rem; letter-spacing:-2pt;}

@media all and (max-width:980px) {
	.tit_area {padding:0 0 30px 0;}
	.tit_area h2.title {padding-top: 30px; font-size: 24px;}
}

/*---------- subTab ----------*/
.subTab {width:100%; max-width:1400px; margin:0 auto; overflow:hidden; text-align:center;}
.subTab ul {width:100%; display:inline-block; text-align:center; font-size:0;}
.subTab ul li {display:inline-block;}
.subTab ul li a {display:block; font-size: 24px; padding:20px 0px; font-size:1rem; font-weight:bold; border:1px solid #ccc;/* border-left:none;*/ color:#444; text-align:center; letter-spacing:-0.5pt; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%; box-sizing:border-box;}
.subTab ul li a:hover {color:#0c4ca3; background:#f1f1f1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%;}
.subTab ul li a.on {background:#0c4ca3; color:#fff; border:1px solid #0c4ca3;}
.subTab ul li:first-child a {border-left:1px solid #ccc;}
.subTab ul li:first-child a.on {border-left:1px solid #0c4ca3;}
.subTab ul li a.active{color:#0c4ca3; background:#f1f1f1; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; transition:all 0.3s; line-height:100%;}

.subTab ul.two-menu li {width:50%;}
.subTab ul.two-menu li a {display:block;}

.subTab ul.three-menu li {width:33.33%;}
.subTab ul.three-menu li a {display:block;}

.subTab ul.four-menu li {width:25%;}
.subTab ul.four-menu li a {display:block;}

.subTab ul.five-menu li {width:20%;}
.subTab ul.five-menu li a {display:block;}

.subTab ul.six-menu li {width:16.66%;}
.subTab ul.six-menu li a {display:block;}

@media all and (max-width:1240px) {
	.subTab {width:100%; max-width:1480px; margin:0 auto; overflow:hidden; text-align:center;}
	.subTab ul {display:block;}
	.subTab ul li {float:left; width:25%; box-sizing:border-box;}
	.subTab ul.two li, .subTab ul.three li, .subTab ul.five-menu li, .subTab ul.six-menu li {width:50%;}
	.subTab ul li a {width:100%;}
}

@media all and (max-width:991px) {
	.subTab {padding: 0 15px;}
}



/*---------- contentArea ----------*/
#contentArea {/*max-width:1480px;*/position: relative; /*margin:80px auto 80px auto;*/}
@media all and (max-width:980px){
	/*#contentArea {max-width:100%; padding: 0 15px; margin:30px 0;}*/
}

.content-container {padding-left: 40px;}

/*----------  ----------*/
.posco {padding-top: 30px;}
.posco .txtbox {margin-top: 30px; text-align: center;}
.posco .txtbox h3 {margin-bottom:30px; color:#000; font-size: 36px;}
.posco .txtbox h3.last {margin-top:30px; margin-bottom:0;}

@media all and (max-width:980px){
	.posco {padding-top: 0px;}
	.posco .txtbox {margin-top: 15px;}
	.posco .txtbox:nth-child(1) {margin-top: 30px;}
	.posco .txtbox h3 {font-size: 20px; margin-bottom:15px;}
	.posco .txtbox h3.last {margin-top:15px;}

	.posco .txtbox .img_title img {width:50%;}
}

/*----------  ----------*/
.st_content {overflow:hidden; margin:50px 0; padding-bottom: 60px; border-bottom:1px solid #ddd;}
.st_content:last-child {border:0;}
.st_content.padding-0 {padding:0;}

.st_content .img.center {text-align: center;}
.st_content .img.center p {font-size: 20px; color:#333;}

.st_content .img.right {text-align: right;}
.st_content .img.right p {font-size: 20px; text-align: center; color:#333;}

.st_content .dep_txt {background:url('/images/dep_tit.png') left top no-repeat; margin-bottom: 30px; padding: 20px 0; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.8pt; line-height:normal;}
.st_content .dep_txt p {font-size:1.125rem; font-weight:normal; word-break:keep-all; line-height:170%; margin-top:15px; color:#333; letter-spacing:-0.5pt;}
.st_content .list_cont {letter-spacing:-0.5pt;}


@media all and (max-width:980px) {
	.st_content .dep_txt.margin-0 {margin-top:0;}

	.st_content .img.center p {font-size: 16px;}
	.st_content .img.right p {font-size: 16px;}
}

.st_content .list {margin-top: 50px; /*float:left; width:700px !important;*/}
.st_content .list.margin-0 {margin:0;}
.st_content .list .dep_txt2 {font-size:22px; word-break: keep-all; color:#000; margin-bottom:10px; font-weight:600; letter-spacing:-0.8pt; line-height:normal;}

.st_content .list .dott_list {margin-bottom: 20px;}
.st_content .list .dott_list.half li{width:49%; margin-right:2%; float:left;}
.st_content .list .dott_list.half li:nth-child(2n){margin-right:0}
.st_content .list .dott_list li {position:relative; padding-bottom:5px; padding-left:14px; line-height:140%; box-sizing:border-box; letter-spacing:-0.5pt;}
.st_content .list .dott_list li strong {color:#333; font-weight:600; letter-spacing:-0.5pt;}
.st_content .list .dott_list li:before {position:absolute; content:""; left:0; top:7px; width:5px; height:5px; border-radius:50px; background:#13b6c0;}
.st_content .list .dott_list li.half {float:left; width:49.5%; margin-right:1%;}
.st_content .list .dott_list li.half:nth-child(2) {margin-right:0;}
.st_content .list .dott_list li.no_dott {padding:0 0 20px 14px ;}
.st_content .list .dott_list li.no_dott:before {display:none;}

@media all and (max-width:980px) {
	.st_content .list .dep_txt2 span {display:block;}
}
.st_content.view {padding-bottom: 60px; margin:50px 0; border-bottom:1px solid #ddd;}
.st_content.view:last-child {border:0;}
.st_content .dep_tit {background:url('/images/dep_tit.png') left top no-repeat; margin-top: 50px; padding:30px 0; color:#000;}
/*.st_content .dep_tit.margin-0 {margin-top:0;}*/
.st_content .dep_tit p {font-size:30px; line-height:36px; letter-spacing:-0.8pt; font-weight:600;}
.st_content .dep_tit span {font-size:20px; font-weight:400; color:#666;}

.st_content .dep_tit.small {background:url('/images/dep_tit.png') left top no-repeat; margin-top: 50px; padding:30px 0; color:#000;}
.st_content .dep_tit.small p {font-size:24px; word-break: keep-all; line-height:36px; letter-spacing:-0.8pt; font-weight:600;}
.st_content .dep_tit.small span {font-size:20px; font-weight:400; color:#666;}


@media all and (max-width:980px) {
	.st_content {padding-bottom: 30px; margin: 30px 0;}
	.st_content .dep_tit.margin-0 {margin:0;}

	.st_content.right .dep_tit {display: block; width:100% !important; padding-top: 0px;}
	.st_content.right .dep_tit.margin-0 {margin:0;}
	.st_content.right .list_cont {display: block; width:100%;}

	.st_content .list {width:100% !important; margin:20px 0 0;}
	.st_content .list_img {display:block; width:100%; margin-top:30px;}
	.st_content .list_img.float-right {display:block; width:100%; margin-top:0px;}

	.st_content .dep_tit p {font-size:24px; line-height:24px;}
	.st_content .dep_tit span {font-size:16px;}

	.st_content .dep_tit.small p {font-size:18px; line-height:24px;}
	.st_content .dep_tit.small span {font-size:16px;}
}

/*---------- 타입별 ----------*/

.type_table {clear:both; width:100%; overflow:auto; padding-top: 30px;}
.type_table table {width: 100%; font-size: 15px; white-space:nowrap;border-collapse:collapse}
.type_table table tr.back-gray {background:#f5f5f5;}
.type_table table tr.back-gray td {color:#000;}
.type_table table th {background:#474a5e; padding: 3px 0; font-size: 18px; text-align: center; color:#fff; border: 1px solid #333; line-height:30px;
	font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;}
.type_table table td {text-align: center; padding: 3px 0; font-size: 18px; border-bottom: 1px solid #ddd; line-height:30px; border-right: 1px solid #ddd;
	font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;}
.type_table table td.border-first {border-left: 1px solid #ddd;}

.type_table2 {width:100%; padding-bottom: 30px;}
.type_table2 table {width: 100%; font-size: 15px;}
.type_table2 table tr.back-gray {background:#f5f5f5;}
.type_table2 table tr.back-gray td {color:#000;}
.type_table2 table th {background:#26bcc5; text-align: center; color:#fff; border: 1px solid #199ba2; line-height:30px;}
.type_table2 table td {text-align: center; border-bottom: 1px solid #ddd; line-height:30px; border-right: 1px solid #ddd;}
.type_table2 table td:first-child {border-left: 1px solid #ddd;}

.table07 {width:100%; margin-bottom: 30px; border-top:2px solid #444; overflow: hidden;}
.table07 table { width:100%; margin: 0 -1px 0 0; }
.table07 tfoot td {}
.table07 tfoot td:first-child {color:#000; text-align:center;}
/*.table07 thead th[rowspan],
.table07 tbody th[rowspan] {border-right:1px solid #aaa;}
.table07 thead th[rowspan]:last-child {border-right:none;}*/


/*.table07 tbody td[rowspan]{border-right:solid 1px #aaa;}*/
.table07 th {font-weight:normal; line-height:1.5em;}
.table07 th span {display:block; color:#f37321;}
.table07 th {padding:1.1875rem 0.625rem 0.875rem; background-color:#20164a; font-size: 16px; text-align: center; color:#fff; font-weight:normal; font-family: 'AppleSDGothicNeo', sans-serif;
	border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight:600}
.table07 th:first-child {border-left:none;}

.table07 td {padding:1.1875rem 0.625rem 0.875rem; text-align: center; word-break: keep-all; font-size: 16px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; color:#666;
	font-weight:400; line-height: 1.4;  background-color:#fff; font-family: 'AppleSDGothicNeo', sans-serif;}
div.allNotice3 .table07 td { padding:1.1875rem 0.625rem 0.875rem;}
/*.table07 td:first-child {border-left:none;}*/
/*.table07 td:first-child {border-left:none;}*/
.table07 table th.no_border, .table07 table td.no_border {border-left: 0;}
.table07 table td.text_left {text-align: left;}
/*.table07 td:last-child{color:#666; font-weight:200;}*/
.table07 .btm_line {border-bottom:1px solid #aaa;}
.table07 td.t_l{color:#666; font-weight:200; padding-left:20px;}
.table07.ty02 td.t_l{color:#666; font-weight:200; padding-left:30px;}
.table07 td.left { text-align: left; }

.table07 td.td1 {background-color: #f1f1f1;color: #000;font-weight: 600;}
.table07 td.td2 {background-color:#f1f1f1;color:#1f1748;}
.table07 td.td3 {background-color:#fff;color:#32addd;font-weight:600;}
.table07 td ul{text-align:left;}
.table07 td > ul{padding-left:25px; }
.table07 td > ul > li{list-style:disc;}

.h3_table{color: #222;
    padding-bottom: 10px;
    font-size: 24px;}
.h4_table{color: #222;font-weight:600;
    padding-bottom: 10px;
    font-size: 18px;}

@media screen and (max-width: 991px) {
    .type_table {width: 100%; overflow: hidden; overflow-x: scroll;}
    .type_table table {width: 100%;min-width:480px;}
	.type_table table td {padding: 5px; font-size: 16px;}

	.table07 {width: 100%; overflow: hidden; overflow-x: scroll;}
    .table07 table {width: 100%;min-width:600px;}
	.table07 table th, .table07 table td {padding: 20px 5px; font-size: 14px; word-break: keep-all;}

	.h3_table{font-size: 18px;}
	.h3_table{font-size: 16px;}
 }

.scope_box {width:200px; text-align:center; background:#fff; border:1px solid #ddd;}
.scope_box.width-100 {width:100%; margin-bottom: 20px;}
.scope_box.margin-top-20 {margin-top: 20px;}
.scope_box .info {padding: 10px;}
.scope_box .info p {font-size: 18px; margin:0; color:#000;}

@media(max-width: 980px){
	.scope_box {width:100%; margin-bottom: 20px;}
	.scope_box.margin-0 {margin-bottom:0;}
	.scope_box .img {margin:0;}
	.scope_box .info {padding: 10px;}
	.scope_box .info h3 {font-size: 18px;}
	.scope_box .info p {font-size: 14px; height: auto;}

}

/*---------- listInfo3 ----------*/
.listInfo3 {padding: 0 0 30px 25px;}
.listInfo3 li { /*margin:0 0 10px;*/ font-size: 18px; padding: 0 22px; font-weight:400; color:#666; line-height:26px; word-wrap:break-word; word-break:keep-all; }
.listInfo3 li:before { content:''; width:5px; height:5px; background-color:#666; margin:-5px 15px 0 -22px; vertical-align:middle; display:inline-block; }
.listInfo3 ul.sm-ul2 li{padding: 0 18px;}
.listInfo3 ul.sm-ul2 li:before { content:''; width:6px; height:1px; background-color:#666; margin:-2px 15px 0 -22px; vertical-align:middle; display:inline-block;
	position:relative;left:6px;
}
@media (max-width:991px) {
	.listInfo3 {
		padding: 0 0 30px;
	}
	.listInfo3 li {font-size: 16px;}
}

/*---------- OPTION ----------*/
.op_list {/*padding: 0 100px;*/}
.op_list .badge{display:block; position:absolute; top:0; right:0; z-index:9; overflow:hidden;}
.op_list .category{float:left; font-size:24px; text-align:center; padding:15px 25px; color:#fff; font-weight:700; background:rgba(12,76,163,0.7);}
.op_list .option {position: relative;}
.op_list .option .txt-area{display:block; position:absolute; bottom:0; left:0; color:#fff; width:100%; height:105px; padding:20px; word-break: keep-all; z-index:10; background:rgba(0,0,0,0.5)}
.op_list .option .txt-area .title{width:100%; font-size:24px; font-weight:700; overflow: hidden; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display:block; display:-webkit-box; box-sizing:content-box;}
.op_list .option .txt-area .desc{display:block; font-size:16px; font-weight:400; word-wrap: break-word; letter-spacing: -0.5px;}

@media(max-width: 980px){
	.op_list {padding: 0;}
	.op_list .category{font-size:16px; padding:7px 10px;}
	.op_list .option .txt-area{display:block; position:static; height: auto; padding:10px 20px; background:rgba(0,0,0,0.5)}
	.op_list .option .txt-area .title{font-size: 18px; line-height: 24px;}
	.op_list .option .txt-area .desc {font-size: 14px;}
}

/*---------- 오시는길 ----------*/
ul.cscenter_office {
	margin-bottom: 40px;
}


/* 사업소 안내 */
ul.cscenter_office > li{
	overflow: hidden;
	padding:75px 40px;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #0c4ca3 #C7C7C7 #C7C7C7 #C7C7C7;
}
ul.cscenter_office > div{
	padding: 0px 40px 60px;
}

ul.cscenter_office > li:first-child {
	margin-top: 0px;
}
.office_info {
	/*float: left;*/
	padding: 0px 30px 0px 40px;
	box-sizing: border-box;
}
ul.cscenter_office > li .office_info:nth-child(1) {
	/*width: 658px;*/
}
ul.cscenter_office > li .office_info:nth-child(2) {
	width: 622px;
	border-left: 1px solid #C7C7C7;
}
.office_info img.ico {
	position: relative;
	top: -1px;
	margin-right: 10px;
}
.office_info p.name {
	font-weight: bold;
	font-size: 20px;
	line-height: 36px;
	color: #444444;
	margin-bottom: 20px;
}
.office_info p.tel {
	font-size: 44px;
	line-height: 25px;
}
 .office_info p.tel a {
	color: #0c4ca3;
	font-weight: bold;
}
.office_info p.work {
	font-weight: bold;
	font-size: 21px;
	word-break: keep-all;
	line-height: 35px;
	color: #0c4ca3;
	margin-bottom: 4px;
}
ul.cscenter_office > li .office_info > ul.location_time > li {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.6;
	color: #444;
}

@media (max-width: 991px) {

	ul.cscenter_office > li {
		padding: 25px 0px;
	}
	ul.cscenter_office > li .office_info:nth-child(1) {
		width: 100%;
	}
	ul.cscenter_office > li .office_info:nth-child(2) {
		width: 100%;
		border-left: 0;
	}

	ul.cscenter_office > li .office_info p.tel {
		font-size: 36px;
	}

	ul.cscenter_office > li .office_info p.name {
		margin-bottom: 10px;
	}

	ul.cscenter_office > li .office_info p.work {
		line-height: 1.6;
		margin-top: 10px;
		font-size:18px;
	}
	ul.cscenter_office > li .office_info > ul.location_time > li {
		margin-top: 0;
		font-size: 13px;
	}
	.office_info p.tel{font-size:30px;}
	ul.cscenter_office > div{padding:0px 40px 30px}
	.office_info p.name{margin-bottom:10px}
}


/* 위치안내 */
ul.cscenter_contact_us {
	margin-top: 80px;
	overflow: hidden;
}

ul.cscenter_contact_us li {
	float: left;
	width: 50%;
	height: 310px;
	padding: 70px 0px 0px 260px;
	box-sizing: border-box;
}
ul.cscenter_contact_us li.cs_center {
	color: white;
	background: #1B9C9E url(/images/ico_common_cscenter.png) no-repeat 113px 119px;
}
ul.cscenter_contact_us li.inquiry {
	background: #ECECEC url(/images/ico_common_inquiry.png) no-repeat 113px 119px;
}
ul.cscenter_contact_us li h2 {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 14px;
}
ul.cscenter_contact_us li.cs_center h2 {
	color: white;
}
ul.cscenter_contact_us li p.guide {
	font-size: 18px;
	line-height: 30px;
	word-break: keep-all;
}
ul.cscenter_contact_us li p.tel {
	margin-top: 15px;
	font-weight: bold;
	font-size: 50px;
	line-height: 64px;
}
ul.cscenter_contact_us li p.tel a {
	color: #90E9E7;
}
ul.cscenter_contact_us li.inquiry .btn {
	margin-top: 25px;
}
ul.cscenter_contact_us li.inquiry .btn a {
	display: block;
	width: 178px;
	padding: 9px 0px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: 500;
	border: 1px solid #101010;
	color: #333;
	border-radius: 100px;
	background-color: transparent;
	transition: 0.3s ease color,0.3s ease background-color;
}
ul.cscenter_contact_us li.inquiry .btn a:hover,
ul.cscenter_contact_us li.inquiry .btn a:focus {
	color: white;
	background-color: #101010;
}


@media all and (max-width:1240px){
	ul.cscenter_contact_us li {
		padding: 50px 20px 0px 170px;
	}

	ul.cscenter_contact_us li.cs_center {
		color: white;
		background: #1B9C9E url(/images/ico_common_cscenter.png) no-repeat 60px 60px;
	}
	ul.cscenter_contact_us li.inquiry {
		background: #ECECEC url(/images/ico_common_inquiry.png) no-repeat 60px 60px;
	}

}

@media all and (max-width:980px){
	ul.cscenter_contact_us {
		margin-top: 30px;
	}

	ul.cscenter_contact_us li {
		width: 100%;
		height: 280px;
		padding: 100px 30px 0;
	}

	ul.cscenter_contact_us li.cs_center {
		background: #1B9C9E url(/images/ico_common_cscenter.png) no-repeat 30px 40px;
		background-size: 50px 40px;
	}

	ul.cscenter_contact_us li.inquiry {
		background: #ECECEC url(/images/ico_common_inquiry.png) no-repeat 30px 40px;
		background-size: 50px 40px;
	}

	ul.cscenter_contact_us li p.guide {
		font-size: 16px;
		line-height: 24px;
	}

	ul.cscenter_contact_us li p.tel {
		margin-top: 0;
		font-size: 36px;
	}

	ul.cscenter_contact_us li.inquiry .btn {
		margin-top: 15px;
	}

	ul.cscenter_contact_us li.inquiry .btn a {
		line-height: 24px;
	}
}

ul.csmain_guide_check {
	width: 1200px;
	overflow: hidden;
	margin: 80px auto 0px;
}
ul.csmain_guide_check li {
	/*float: left;
	width: 180px;
	margin-left: 170px;*/
	margin-bottom: 30px;
}
ul.csmain_guide_check li:first-child {
	margin-left: 0px;
}
ul.csmain_guide_check li a {
	display: block;
}
ul.csmain_guide_check li a span {
	display: block;
}
ul.csmain_guide_check li a span.ico {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border: 1px solid #C7C7C7;
	border-radius: 90px;
	transition: 0.3s ease border-color;
}
ul.csmain_guide_check li a:hover span.ico,
ul.csmain_guide_check li a:focus span.ico {
	border-color: #1B9C9E;
}
ul.csmain_guide_check li a span.ico img {
	position: absolute;
}
ul.csmain_guide_check li a span.ico.office img {
	top: 36px;
	left: 40px;
}
ul.csmain_guide_check li a span.ico.price img {
	top: 36px;
	left: 40px;
}
ul.csmain_guide_check li a span.ico.as img {
	top: 36px;
	left: 40px;
}
ul.csmain_guide_check li a span.txt {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	color: #333;
	line-height: 30px;
	margin-top: 24px;
}

ul.csmain_guide_check li a span.txt small {
	color: #666;
}

@media all and (max-width:980px){
	ul.csmain_guide_check {
		width: 100%;
		overflow: hidden;
		margin: 30px 0px;
	}

	ul.csmain_guide_check li {
		float: left;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 20px;
	}

	ul.csmain_guide_check li a span.ico {
		margin: 0 auto;
	}
}


/* COMPANY INTRODUCTION */
.comany_pic_bg {padding: 60px 0; margin: 60px 0; background:#efefef;}

@media all and (max-width:980px) {
	.comany_pic_bg {padding: 30px 0; margin: 30px 0;}
	.comany_pic_bg .col-md-3 .img img {margin:0 0 20px;}
	.comany_pic_bg .col-md-3:last-child .img img {margin:0;}
}