@charset "utf-8";
/* ----------------------------------------------------------------------------------------------- 
 * Date	:2020-04-05
 * Descript	: POSCO
 * Location	: 
 * Comment : 
 ----------------------------------------------------------------------------------------------- */
@font-face{
	font-family:'Nanum Square';
	src:url(../font/NanumSquareL.eot);
	src:url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'), 
	url(../font/NanumSquareL.woff) format('woff'), 
	url(../font/NanumSquareL.ttf) format('truetype');
	font-style:normal;
	font-weight:300;
} 
@font-face{
	font-family:'Nanum Square';
	src:url(../font/NanumSquareR.eot);
	src:url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
	url(../font/NanumSquareR.woff) format('woff'), 
	url(../font/NanumSquareR.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
} 
@font-face{
	font-family:'Nanum Square';
	src:url(../font/NanumSquareB.eot);
	src:url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'), 
	url(../font/NanumSquareB.woff) format('woff'), 
	url(../font/NanumSquareB.ttf) format('truetype');
	font-style:normal;
	font-weight:700;
} 
@font-face{
	font-family:'Nanum Square';
	src:url(../font/NanumSquareEB.eot);
	src:url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'), 
	url(../font/NanumSquareEB.woff) format('woff'), 
	url(../font/NanumSquareEB.ttf) format('truetype');
	font-style:normal;
	font-weight:900;
} 


body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table { color:#000; font:21px/1.268em 'Nanum Square','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',sans-serif; line-height: 1.6; font-weight:400;margin:0;padding:0}
*   { box-sizing: border-box;}
/* Type Selector */
h1,h2,h3,h4,h5,h6,blockquote,p,pre,ul,ol,li,dl,dt,dd,table,th,td,object,iframe,form,input,button,textarea,fieldset,div{margin:0;padding:0; color:#000; word-break: keep-all; word-wrap: break-word;}
address{font-style:normal; }
address a{text-transform:lowercase}
em{font-style:normal;font-weight:bold}
strong{color:#222;}
code,samp,kbd{font-family:'Courier New','Courier',monospace;font-size:12px}
ul,ol{list-style:none}
table{empty-cells:show;border-spacing:0; border-collapse:collapse}
caption{display:table-caption;width:1px;*height:0;overflow:hidden;font-size:0;line-height:0;}
a{color:#000;font-size:inherit;text-decoration:none; *cursor:pointer;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align:middle}
img,span.png24{vertical-align:middle}
hr{display:none}
iframe{border:none}
input.txt_type{margin:-1px 0;border:1px solid #b5b5b5;padding:3px 0 0 2px;width:auto;height:15px;border-color:WindowFrame;color:CaptionText;border-color:#b5b5b5;color:#222}
input {border:0px solid #909090; outline: none;}
html>/**/body input.txt_type{margin:0}
input.cbr_type{position:static !important;position:relative;margin-bottom: -3px;width:13px;height:13px;cursor:pointer;border:0 !important;outline:none !important;}
td .cbr_type{border:0 !important; outline:none !important}
input.file_type{margin:-1px 0;width:auto;color:GrayText;font-family:'Tahoma','Geneva','굴림','Gulim','AppleGothic',sans-serif}
html>/**/body input.file_type{margin:0}
button{border:0;width:auto;height:auto;vertical-align:middle;background-color:transparent;background-repeat:no-repeat;cursor:pointer;}
select{width:auto;height:20px;vertical-align:middle;color:#222;font-size:12px}
optgroup{background-color:#FFF;color:#555555;font-weight:bold}
option{display:block !important;padding-right:0.5em;color:#555555}
textarea{margin:-1px 0;padding:2px;width:auto;height:auto;vertical-align:middle;}
html>/**/body textarea{margin:0}
label{vertical-align:middle;cursor:pointer;}
fieldset{border:none}
.alt_hidden, legend{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}
.ir_text {text-indent:-300%; text-align:left; white-space: nowrap; overflow: hidden; display:inline-block; font-size:0;position: absolute;}
.blind {text-indent:-300%; text-align:left; white-space: nowrap; overflow: hidden; display:inline-block; }
.clr {clear:both; height:0; overflow:hidden;}

/* New Elements Type Selector */
section,nav,article,aside,hgroup,header,footer{display:block}

input::placeholder{color:#a8a8a8;}
input:-ms-input-placeholder {color:#a8a8a8;}

input.ask_input_T_Box::placeholder{font-size:16px;line-height:40px;}
input:-ms-input-placeholder {color:#a8a8a8;}

.fc_red {color:#d5699e !important}
.fc_blue {color:#568fd0 !important}
.fs_14 {font-size:14px !important;}
.fs_16 {font-size:16px !important;}
.fs_18 {font-size:18px !important;}
.fs_20 {font-size:20px !important;}
.fs_22 {font-size:22px !important;}
.pl_10 {padding-left:10px !important}
.pl_20 {padding-left:20px !important}
.pl_35 {padding-left:35px !important}
.pt_10 {padding-top:10px !important}
.pt_20 {padding-top:20px !important}
.pt_35 {padding-top:35px !important}
.pt_45 {padding-top:45px !important}

.t_300 {font-weight:300 !important}
.t_bold {font-weight:700 !important}

.t_ital {font-style: italic !important}

.footer {background:#302f2d;}
.footer > div {width:1280px; margin:0 auto; overflow:hidden; padding:60px 0;}
.footer > div p:nth-child(1) {float:left}
.footer > div p:nth-child(2) {float:right}

.mob_block {display:none}
.moblo {display:none !important}


#Pulldown_wrap {position:fixed; top:0; right:-460px; background:#f8f8f8; -webkit-transition:right .7s ease; transition:right .7s ease;  width:100%; max-width:450px; height:100%;  background-color:#f47320; z-index:10000;  -webkit-overflow-scrolling:touch; box-shadow:none; -webkit-box-shadow:none;}
#Pulldown_wrap * {color:#FFF;}
#Pulldown_wrap.active {display:block;right:0px;}

#Pulldown_wrap .pd_util {position:relative; padding:100px 60px 0; z-index:200;}
#Pulldown_wrap .pd_util h2 a {font-size:22px; display:inline-block; position:relative; padding-right:28px;}
#Pulldown_wrap .pd_util h2 a i {position:absolute; right:0; top:8px; background:url('../images/all_icon.png') no-repeat -402px -123px; width:20px; height:20px;}
#Pulldown_wrap .pd_close01 {display:block; text-indent:-300%; overflow:hidden; background:url('../images/all_icon.png') no-repeat -377px -54px; width:30px; height:30px; position:absolute; right:45px; top:40px;}
#Pulldown_wrap .pd_menu {padding:20px 0 40px;}
#Pulldown_wrap .pd_menu li + li{padding-top:20px;}
#Pulldown_wrap .menushare {position:relative; border-top:1px solid #fac8a7; padding-top:40px; }
#Pulldown_wrap .menushare a{ position:absolute; top:40px; left:0; width:250px; height:34px; overflow:hidden; text-indent:-300%; font-size:1px; background:url('../images/all_icon.png') no-repeat -89px -114px; }
.menu_dim {display:none; position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=53);background:#000;text-indent:-9999em;line-height:-9999px; z-index:100;}
body.scroll_off .menu_dim {display:block;}

@media all and  (max-width: 1280px) {
.footer > div {width:100%; padding: 60px 40px}
}

@media all and  (max-width: 1000px) {
.footer > div {width:100%}
}
@media all and  (max-width: 840px) {
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table { color:#000; font:19px/1.268em 'Nanum Square','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',sans-serif; line-height: 1.4; font-weight:400;margin:0;padding:0}
.mob_block {display:block !important}
.moblo {display:block !important}
.pc_block {display:none !important}
.pcblo {display:none !important}
#Pulldown_wrap .pd_util h2 a i {top:5px}
.footer > div p:nth-child(1) {float:none; padding:0}
.footer > div p:nth-child(1) img {max-width:599px; width:100%;}
.footer > div p:nth-child(2) {float:none; padding-top:40px}

}
@media all and  (max-width: 570px) {
	#Pulldown_wrap {max-width:360px}
	#Pulldown_wrap .pd_close01 {right:20px; top:20px;}
	#Pulldown_wrap .pd_util {padding:60px 40px 0}
}


@media all and  (max-width: 420px) {
.footer > div p img {width:100%; max-width:380px;}
.footer > div p.kaka img  {width:100%; max-width:180px;}
.footer > div p:nth-child(2) {padding-top:25px;}
.footer > div {padding:40px 20px}


#Pulldown_wrap {max-width:300px; right:-320px}
#Pulldown_wrap .pd_util {padding:50px 20px 0}
#Pulldown_wrap .pd_util h2 {font-size:21px;}
#Pulldown_wrap .pd_menu {padding:20px 0 30px;}
#Pulldown_wrap .pd_menu a {font-size:18px;}
#Pulldown_wrap .pd_menu li + li {padding-top:15px;}
#Pulldown_wrap .menushare {padding-top:30px}
#Pulldown_wrap .menushare a {top:30px}


}