@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(../../font/NotoSansKr/font.css);

/***** common *****/
#wrap {width:100%; height:auto; position:relative; background:#f3f5f8; overflow:hidden;}
.al_box {max-width:1240px; height:auto; margin:0 auto; position:relative; z-index:10;}
.al_box:after {content:""; display:block; clear:both;}

/***** header *****/
#rwd_header {display:none;}
#header {width:100%; height:102px; background:#fff url(../../images/eng/common/header_bg.gif) repeat-x left top; position:relative; z-index:101;}
#header h1 {position:absolute; left:4px; top:15px; z-index:101; width:235px; height:29px;}
#header h1 a {display:block; width:235px; height:29px;}
#tm {position:absolute; top:12px; right:0px;}
#tm ul {float:left; height:24px;}
#tm ul li {float:left; height:24px; background:url(../../images/eng/common/tm_bar.gif) no-repeat 0 8px;}
#tm ul li:first-child { background:none;}
#tm ul li a {display:block; padding:0 8px; font-size:11px; height:24px; line-height:24px;}
#tm .search {float:left;}
#tm .search label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#tm .search input[type="text"] {background:#efefef; width:140px; height:24px; border:0; float:left; line-height:24px; padding:0 10px; font-size:12px;}
#tm .search input[type="image"] {float:left;}

#animate {position:absolute; right:0; top:53px; width:100%; z-index:101; height:49px; overflow:hidden;}
#gnb { position:relative;width:100%; height:auto;}
#gnb ul {width:100%; height:500px; padding:0px 0 0 0;} 
#gnb ul li {float:left; width:20%; border-left:1px solid #d4d4d4;font-family:'Roboto', sans-serif; box-sizing:border-box}
#gnb ul li.gnb1{}
#gnb ul li.gnb2{}
#gnb ul li.gnb3{}
#gnb ul li.gnb4{}
#gnb ul li.gnb5 { border-right:1px solid #d4d4d4;}
#gnb ul li a {font-size:18px; font-weight:600; display:block; text-align:center; position:relative; padding:15px 0 15px 0;}
#gnb ul li.on a {text-decoration:none; color:#000;}
#gnb ul li a:hover, #gnb ul li a:active, #gnb ul li a:focus {text-decoration:none; color:#ea5404;}
#gnb ul li.on { background:url(../../images/eng/common/gnb_on.gif) repeat-x left top; color:#ea5404;}

#gnb ul li ul { padding:10px 5% 0 4%; width:91%; position:relative;}
#gnb ul li.on ul { background:#f4f4f4;}
#gnb ul li ul li {float:none; width:100%; padding:0 0 0 0; border:0px;}
#gnb ul li ul li a {font-size:13px; padding:3px 0 2px 8px; display:inline-block; font-weight:normal; line-height:18px; text-align:left; letter-spacing:-0.7px; color:#444 !important; background:url(../../images/eng/common/gnb_depth2.gif) no-repeat 0 12px;}
#gnb ul li ul li a:hover, #gnb ul li ul li a:active, #gnb ul li ul li a:focus {color:#ea581d !important; text-decoration:underline;}
.gnb_bg {width:100%; height:0; background:#fff url(../../images/eng/common/gnb_bg_backo.png) no-repeat 20% bottom; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; position:absolute; left:0; top:102px; /* opacity:0.95; filter:alpha(opacity=95); */}
.gnb_background_img{ position:absolute; right:0px; bottom:0px; display:block; z-index:99; width:475px; height:247px; background:url(../../images/eng/common/gnb_bg_back_2023.png) no-repeat center 0px;}


/***** sub visual *****/
#sub_visual {position:relative; width:100%; height:160px; margin-top:20px; overflow:hidden;}
.sub_bg {position:relative; max-width:1240px; height:160px; margin:0 auto 0;}
.sub_bg .map{position:absolute; top:30px; right:5%; z-index:2; width:182px; height:93px; border:0px; background:url(../../images/eng/common/sub_visual_map.png) no-repeat 0 0;}
.sub_bg .slogon { position:absolute; top:0px; right:0px; width:35%; height:100px; padding:60px 0 0 3%; font-size:32px; line-height:30px; letter-spacing:-1px; color:#4dc2fa; background:url(../../images/eng/common/sub_slogan_bg.gif) repeat;}
.sub_bg .slogon span { display:block; font-size:18px; color:#fff; letter-spacing:0;}
.subbg01 {background:#0b1225 url(../../images/eng/common/subbg01.jpg) no-repeat left top;}
.subbg02 {background:#0b1225 url(../../images/eng/common/subbg02.jpg) no-repeat left top;}
.subbg03 {background:#0b1225 url(../../images/eng/common/subbg03.jpg) no-repeat left top;}
.subbg04 {background:#0b1225 url(../../images/eng/common/subbg04.jpg) no-repeat left top;}
.subbg05 {background:#0b1225 url(../../images/eng/common/subbg05.jpg) no-repeat left top;}
.subbg06 {background:#0b1225 url(../../images/eng/common/subbg06.jpg) no-repeat left top;}


/***** container *****/
#main_container {width:100%; height:auto; position:relative; margin:0px 0 0 0; z-index:2;}
.main_bg01 {background:url(../../images/eng/main/cont_bg01.jpg) repeat-x center top;}
.main_bg02 {background:url(../../images/eng/main/cont_bg02.jpg) repeat-x center top;}
#container {width:100%; height:auto; padding:0 0 0 0; margin-top:0px; position:relative;}
#container .line_bg {background:#fff /*url(../../images/eng/common/sub_containerbg.gif) repeat-y left top*/; border:1px solid #d2d2d2; border-bottom:0; border-top:3px solid #f15922; max-width:1238px;}
#container .bg01 {background:url(../../images/eng/common/container_shape01.png) no-repeat; width:662px; height:329px; position:absolute; right:50%; top:-40px; margin-right:-940px;}
#container .bg02 {background:url(../../images/eng/common/container_shape02.png) no-repeat; width:320px; height:357px; position:absolute; left:50%; bottom:-40px; margin-left:-780px;}
#contents {width:81%; height:auto; float:left; margin-left:-1px;}
#contents:after {content:""; display:block; clear:both;}
#main_container #contents {width:100%; height:auto; float:none; border-top:0;}
#main_container #contents h4 {margin:0 0 0px 0; padding:8px 4%; color:#222; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal;}
.line_box {border-left:1px solid #d2d2d2; border-bottom:0; padding:0 0 40px 0; background:#fff /*url(../../images/eng/common/contents_bg.gif) repeat-x left top;*/}
.top_btn {display:block; width:40px; height:38px; background:url(../../images/eng/common/top_btn.gif) no-repeat; position:absolute; right:-7px; top:400px; color:#fff !important; font-weight:600; text-align:center; padding:8px 0 0 0; font-size:13px;}

	/** left menu **/
	#lnb {width:19%; height:auto; float:left; border-right:1px solid #d2d2d2;}
	#lnb h2 {border:1px solid #d2d2d2; border-left:0; border-top:0; border-right:0; height:73px; background:#fff url(../../images/eng/common/lnb_titlebg.jpg) no-repeat left top; text-align:center; font-size:32px; font-weight:600; padding:50px 0 20px 0; line-height:32px;}
	#lnb h2 span {display:block; font-size:14px; letter-spacing:0; color:#aaaaaa; margin-top:5px;}
	
	#lm{width:100%;}
	#lm li {width:auto; border-top:1px solid #d2d2d2; background:#fff;}
	#lm li:first-child {border-top:0;}
	#lm li a {padding:10px 13% 10px 7%; width:80%; display:block; overflow:hidden; /*height:42px; line-height:42px;*/ font-size:15px; font-weight:600;}
	#lm li a[target="_blank"] {background:url(../../images/eng/common/blank_ico.gif) no-repeat 92% 50%; padding:10px 13% 10px 7%; width:80%;}
	#lm li a.ov, #lm li a:hover, #lm li a:active, #lm li a:focus {background:#ea581d url(../../images/eng/common/lnb_ovbg.gif) no-repeat 92% 50%; color:#fff; text-decoration:none;}
	/*
	#lm li a:focus,
	#lm li a:active,
	#lm li a:hover,
	#lm li a.link_2th_ov:link,
	#lm li a.link_2th_ov:visited,
	#lm li a.link_2th_ov:active,
	#lm li a.link_2th_ov:hover {background:#ea581d url(../../images/eng/common/lnb_ovbg.gif) no-repeat 92% 50%; color:#fff; text-decoration:none;}
	*/

	#lm li ul{display:none; width:100%; background:#f5f5f5; padding:10px 0; height:auto;}
	#lm li ul li {width:100%; margin:0 0px; border-left:0px; border-top:0px; background:none;}
	#lm li ul li a {font-size:13px; padding:5px 13% 5px 7%; width:80%; height:auto; display:block; line-height:18px; font-weight:normal;}
	#lm li ul li a.ov, #lm li ul li a:hover, #lm li ul li a:active, #lm li ul li a:focus {background:none; color:#ea581d; text-decoration:underline;}
	
	/*
	#lm li ul li a:focus,
	#lm li ul li a:active,
	#lm li ul li a:hover,
	#lm li ul li a.link_3th_ov:link,
	#lm li ul li a.link_3th_ov:visited,
	#lm li ul li a.link_3th_ov:active,
	#lm li ul li a.link_3th_ov:hover {background:none; color:#ea581d; text-decoration:underline;}
	*/
	#lm li ul li a[target="_blank"] {background:url(../../images/eng/common/blank_ico.gif) no-repeat 90% 50% !important; padding:5px 7% 5px 7%;}
	
	/** location **/
	.location_home { float:left; display:inline-block; width:45px; height:15px; padding:0 0px 0 0px; text-align:center;}
	.location_home span { display:block;}
	.location {position:relative; width:85%; padding:13px 15% 8px 0%; background:#fff url(../../images/eng/common/location_home_bg.gif) repeat-y -5px top; border-bottom:1px solid #dfdfdf; }
	.location ul {float:left; width:90%; margin-left:10px;}
	.location ul:after {content:""; display:block; clear:both;}
	.location ul li {float:left; padding:0 10px 0 8px; margin-bottom:5px; background:url(../../images/eng/common/location_bul.gif) no-repeat left 5px; }
	.location ul li:first-child {background:none; padding:0 10px 0 0;}
	.location ul li a {display:block; font-size:11px; height:17px; line-height:17px; cursor:default; color:#505050; text-decoration:none;}
	.location ul li a:hover{ text-decoration:none; cursor:default; color:#505050;}
	.location dl {position:absolute; right:4%; top:9px;}
	.location dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	.location dd {float:left; margin-left:3px;}
	.location dd a {display:block; width:26px; height:26px; background:url(../../images/eng/common/sns_bg.png) no-repeat;}
	.location dd.fb a {background-position:0 0;}
	.location dd.tt a {background-position:-29px 0;}
	.location dd.pr a {background-position:-58px 0;}
	.location dd a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
	
	h3.cont_title {font-size:32px; line-height:35px; margin:0; padding:40px 0 40px 4%; width:auto;}
	
	.content {width:92%; height:auto; min-height:350px; padding:0 4%; position:relative;}


/***** footer *****/
.footer_rwd_btn span.btn {display:none;}
.footer_rwd {display:block;}
.footer_rwd .close_btn {display:none;}
#footer {width:100%; height:auto; background:#fff url(../../images/eng/common/footer_bg.gif) repeat-x left top; position:relative;}
.family_site {height:20px; padding:15px 0 15px 0;}
.family_site:after {content:""; display:block; clear:both;}
.family_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.family_site dd {float:left; background:url(../../images/eng/common/family_bg.gif) no-repeat left 5px;}
.family_site dd.first {background:none;}
.family_site dd a {color:#fff; padding:0 15px; display:block;}

.sns_link {position:absolute; right:0; top:10px;}
.sns_link:after {content:""; display:block; clear:both;}
.sns_link dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.sns_link dd {float:left; margin-left:3px;}
.sns_link dd a {display:block; width:30px; height:30px; background:url(../../images/eng/common/sns_bg2.jpg) no-repeat;}
.sns_link dd a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.sns_link dd.fb a {background-position:0 0;}
.sns_link dd.tt a {background-position:-33px 0;}
.sns_link dd.bl a {background-position:-66px 0;}
.sns_link dd.yt a {background-position:-99px 0;}

.footer_m {padding:15px 0;}
.footer_m:after {content:""; display:block; clear:both;}
.footer_m li {float:left; background:url(../../images/eng/common/footer_mbg.gif) no-repeat left 4px;}
.footer_m li:first-child {background:none;}
.footer_m li a {padding:0 15px; display:block;}
#footer .infor {border-top:1px solid #e7e7e7; padding:25px 0 30px 170px; background:url(../../images/eng/common/footer_logo.jpg) no-repeat 15px 25px;}
#footer .infor address {font-size:12px; line-height:normal; display:block;}
#footer .infor p {font-size:12px; margin:0 0 5px 0; line-height:18px;}

.relate_site {position:absolute; right:0; top:65px;}
.site_box {width:162px; float:left; margin-left:10px; position:relative;}
.site_box a.select {display:block; border:1px solid #c8c8c8; width:150px; height:22px; line-height:22px; padding:0 5px; background:#fff url(../../images/eng/common/relate_bg.jpg) no-repeat 94% 50%; text-decoration:none;}
.site_box ul {background:#fff; border:1px solid #c8c8c8; border-bottom:0; position:absolute; left:0; bottom:24px; width:160px; padding:5px 0; display:none;} 
.site_box ul li {}
.site_box ul li a {display:block; font-size:12px; padding:0 5px;}












/* new */
html{height:100%;}
#main.user{height:100%;}
#main.user #wrap{overflow:hidden; height:100%; min-height:100%;}
#main.user header{
	position:absolute; left:0; top:-102px;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#main.user #container{
	position:relative; z-index:0; /*height:100%;*/ font-family:"Noto Sans KR"; box-sizing:border-box; 
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#main.user #container .layout{display:table; position:relative; width:100%; max-width:910px; height:100%; margin:0 auto;}

#main.user #container #item_02{opacity:0; overflow:hidden; display:block; /*position:absolute; left:-200%;*/ z-index:0; width:100%; padding:60px 20px; vertical-align:middle; box-sizing:border-box;}

#main.user #container #item_02 [class*="bx_"]{
	padding:7px; box-sizing:border-box;
}
#main.user #container #item_02 [class*="bx_"] .lay{opacity:0; display:block; position:relative; height:100%; margin-top:50px; box-sizing:border-box; background:#fff; border:1px solid #e2e4e6; border-top:2px solid #3e50b4; padding:20px 30px}
#main.user #container #item_02 .bx_01 .lay{transition:all 0.6s ease 0.1s; -webkit-transition:all 0.6s ease 0.1s; background:none; border:none; border-top:none}
#main.user #container #item_02 .bx_02 .lay{transition:all 0.6s ease 0.2s; -webkit-transition:all 0.6s ease 0.2s;}
#main.user #container #item_02 .bx_03 .lay{transition:all 0.6s ease 0.3s; -webkit-transition:all 0.6s ease 0.3s;}

#main.user #container #item_02 .bx_05 .lay{transition:all 0.6s ease 0.5s; -webkit-transition:all 0.6s ease 0.5s;}
#main.user #container #item_02 .bx_06 .lay{transition:all 0.6s ease 0.6s; -webkit-transition:all 0.6s ease 0.6s;}
#main.user #container #item_02 .bx_07 .lay{transition:all 0.6s ease 0.7s; -webkit-transition:all 0.6s ease 0.7s;}
#main.user #container #item_02 .bx_08 .lay{transition:all 0.6s ease 0.8s; -webkit-transition:all 0.6s ease 0.8s;}


#main.user #container #item_02 .bx_01{padding-left:0;}
#main.user #container #item_02 .bx_02{padding-right:0;}
#main.user #container #item_02 .bx_05{padding-right:0;}
#main.user #container #item_02 .bx_06{padding-left:0;}
#main.user #container #item_02 .bx_09{padding-right:0;}

#main.user #container #item_02 .bx_01{float:left; width:50%; height:333px;}
#main.user #container #item_02 .bx_02{float:left; width:50%; height:333px;}
#main.user #container #item_02 .bx_05{float:left; width:25%; height:275px; margin-top:16px}
#main.user #container #item_02 .bx_06{float:left; width:25%; height:275px; margin-top:16px}
#main.user #container #item_02 .bx_07{float:left; width:25%; height:275px; margin-top:16px}
#main.user #container #item_02 .bx_08{float:left; width:25%; height:275px; margin-top:16px}

#main.user #container #item_02 .titles{color:#000}


#main.user #container .visual {width:50%;}
#main.user #container .visual .inner { padding:0 !important; border:0;}
#main.user #container .visual .js_slide {position:relative; height:100%;}
#main.user #container .visual .js_slide .control {position:absolute; left:7%; top:auto; bottom:55px; z-index:100; width:135px; height:12px;}
/* #main.user #container .visual .js_slide .control a[class*="btn_"] {display:block; width:27px; height:27px; position:absolute; right:-10px; bottom:-8px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; border-radius:50%; -webkit-border-radius:50%;} */
#main.user #container .visual .js_slide .control a[class*="btn_"] {display:block; width:27px; height:27px; position:absolute;right: -30px; bottom:-8px; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; border-radius:50%;-webkit-border-radius:50%;}
#main.user #container .visual .js_slide .control a[class*="btn_"] span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#main.user #container .visual .js_slide .control a.btn_left,
#main.user #container .visual .js_slide .control a.btn_right {display:none;}
#main.user #container .visual .js_slide .control a.btn_stop {background:url(../../images/kor/main_2019/visual_control_stop.png) no-repeat center 50%;}
#main.user #container .visual .js_slide .control a.btn_play {background:url(../../images/kor/main_2019/visual_control_play.png) no-repeat center 50%; display:none;}
#main.user #container .visual .js_slide .control ul {width:auto; height:11px; text-align:center; display:inline-block; vertical-align:top;}
#main.user #container .visual .js_slide .control ul li {display:inline-block; vertical-align:top; margin:0 8px 0 0; height:11px;}
#main.user #container .visual .js_slide .control ul li a {display:block; position:relative; width:11px; height:11px; box-sizing:border-box; text-indent:-9999px; overflow:hidden; background:none; background:#fff; border-radius:30px; 
transition : all 0.2s ease; -webkit-transition : all 0.2s ease; opacity:0.4}
#main.user #container .visual .js_slide .control ul li a.on {background:#fff; width:50px; opacity:0.9}
#main.user #container .visual .js_slide .control .count {font-size:17px; font-weight:700; color:rgba(255,255,255,0.5); display:block; transform:skewX(-10deg); -webkit-transform:skewX(-10deg);}
#main.user #container .visual .js_slide .control .count span {color:#fff;}
#main.user #container .visual .js_slide .control .bar {width:120px; height:2px; background:rgba(255,255,255,0.25); position:relative; margin-top:12px; display:none}
#main.user #container .visual .js_slide .control .bar span {position:absolute; display:block; width:0; height:100%; background:#fff; position:absolute; left:0; bottom:0; display:none !important}
#main.user #container .visual .js_slide .move {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:5;}
#main.user #container .visual .js_slide .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;}
#main.user #container .visual .js_slide .move ul li {position:absolute; left:100%; top:0; width:100%; height:100%; display:none;}
#main.user #container .visual .js_slide .move ul li:first-child {left:0; display:block;}
#main.user #container .visual .js_slide .move ul li a {display:block; height:100%; position:relative;}
#main.user #container .visual .js_slide .move ul li a:after {content:""; display:none; width:100%; height:100%; box-sizing:border-box; border:1px dashed #808080; position:absolute; left:0; top:0;}
#main.user #container .visual .js_slide .move ul li a:focus:after {display:block;}
#main.user #container .visual .js_slide .move ul li span {width:1000px; height:100%; position:absolute; left:50%; margin-left:-500px; top:0;}
#main.user #container .visual .js_slide .move ul li img {display:block; height:100%;}



#main.user #container #item_02 .bx_02 .lay{ height:224px}
#main.user #container #item_02 .bx_02 .lay #noti{position:relative; width:100%; margin-top:13px}
#main.user #container #item_02 .bx_02 .lay #noti>li{float:left;}
#main.user #container #item_02 .bx_02 .lay #noti>li>a{display:block; position:relative; line-height:19px;  text-decoration:none; font-weight:500; font-size:18px; color:#000;}
#main.user #container #item_02 .bx_02 .lay #noti>li:not(:nth-child(1))>a{margin-left:24px;}
#main.user #container #item_02 .bx_02 .lay #noti>li>ul{display:none; position:absolute; left:0; top:40px; width:100%; border-top:1px solid rgba(255,255,255,0.15);}
#main.user #container #item_02 .bx_02 .lay #noti>li>ul>li{
	position:relative; width:100%; line-height:30px; padding-right:100px; border-bottom:1px solid rgba(255,255,255,0.15); box-sizing:border-box;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#main.user #container #item_02 .bx_02 .lay #noti>li>ul>li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative; width:100%; text-decoration:none; color:rgba(0,0,0,0.8);
background:url(../../images/eng/main_2019/board_bul.png) no-repeat left 50%; padding:0 0 0 18px;}

#main.user #container #item_02 .bx_02 .lay #noti>li>ul>li span{position:absolute; right:0; top:0; line-height:30px; width:90px; text-align:right; color:rgba(0,0,0,0.4);}
#main.user #container #item_02 .bx_02 .lay #noti>li>ul>li:hover{ text-decoration:underline}
#main.user #container #item_02 .bx_02 .lay #noti.step_1>li:nth-child(1)>a:before{display:block;}
#main.user #container #item_02 .bx_02 .lay #noti.step_1>li:nth-child(1)>ul{display:block;}

#main.user #container #item_02 .bx_02 .lay #noti.step_1 .more:after
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#main.user #container #item_02 .bx_02 .lay #noti.step_1 .more {display:block; width:22px; height:22px; background:#2461bd; overflow:hidden; text-indent:-9999px; position:absolute; right:0; top:0px; z-index:10;}
#main.user #container #item_02 .bx_02 .lay #noti.step_1 .more:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../../images/kor/main_2019/board_more_bul.png) no-repeat center 50%;}
#main.user #container #item_02 .bx_02 .lay #noti.step_1 .more:hover:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}




#main.user #container #item_02 .bx_02 .banner{ height:78px; box-sizing:border-box; margin-top:16px}
#main.user #container #item_02 .bx_02 .banner ul{ margin:0 -8px 0 -8px}
#main.user #container #item_02 .bx_02 .banner ul li{ width:50%; padding:0 8px; box-sizing:border-box; float:left }
#main.user #container #item_02 .bx_02 .banner ul li a{color:#fff;display:block;height:78px;box-sizing:border-box;line-height:78px;padding: 0px 18px;font-size: 15px;font-weight:600;transition:all 0.2s ease-in;}
#main.user #container #item_02 .bx_02 .banner ul li:first-child a{background: #2461bd url(../../images/kor/main_2019/storage_bul.png) no-repeat 94% 50%;}
#main.user #container #item_02 .bx_02 .banner ul li:last-child a{background: #f39816 url(../../images/kor/main_2019/storage_bul.png) no-repeat 94% 50%;}
#main.user #container #item_02 .bx_02 .banner ul li:first-child:hover a,
#main.user #container #item_02 .bx_02 .banner ul li:last-child:hover a{ background-position:93% 50%; text-decoration:none}




#main.user #container #item_02 .bx_05 .lay{padding:32px 30px; background:#fff url(../../images/eng/main_2019/achievements-bg.jpg) no-repeat right bottom;}
#main.user #container #item_02 .bx_05 .lay .titles{display:block; line-height:20px; font-weight:400; font-size:19px; }
#main.user #container #item_02 .bx_05 a:hover .titles{ text-decoration:none}
#main.user #container #item_02 .bx_05 p{ margin-top:30px;color:rgba(0,0,0,0.68);}
#main.user #container #item_02 .bx_05 p span{ display:block}

#main.user #container #item_02 .bx_06 .lay{padding:32px 30px; background:#fff;}
#main.user #container #item_02 .bx_06 .lay .titles{display:block; line-height:20px; font-weight:400; font-size:19px; }
#main.user #container #item_02 .bx_06 .lay .tes{display:block; position:relative; margin-top:32px; padding-left:125px;}
#main.user #container #item_02 .bx_06 .lay .tes .photos{
	display:block; position:absolute; left:0; top:0; width:97px;
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:4px 4px 0px 2px rgba(0,0,0,0.1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#main.user #container #item_02 .bx_06 .lay .tes .photos img{vertical-align:top;}
#main.user #container #item_02 .bx_06 .lay .tes .tx{display:block; line-height:19px; font-size:13px; color:rgba(0,0,0,0.6);}
#main.user #container #item_02 .bx_06 .lay .tes .tx span{display:block;}
#main.user #container #item_02 .bx_06 .lay:hover{text-decoration:none;}
#main.user #container #item_02 .bx_06 .lay:hover .tes .photos{
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:4px 4px 0px 2px rgba(0,0,0,0.25);
}


}

@keyframes bx_06{
	0%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	50%{
		background-color:rgba(240,240,240,0.25);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	100%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
}
@-webkit-keyframes bx_06{
	0%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	50%{
		background-color:rgba(240,240,240,0.25);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	100%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
}

#main.user #container #item_02 .bx_07 .lay{padding:32px 30px; }
#main.user #container #item_02 .bx_07 .lay .titles{display:block; line-height:20px; font-weight:400; font-size:19px; }
#main.user #container #item_02 .bx_07 .lay .tes{display:block; position:relative; margin-top:32px; padding-left:125px;}
#main.user #container #item_02 .bx_07 .lay .tes .photos{
	display:block; position:absolute; left:0; top:0; width:97px;
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:4px 4px 0px 2px rgba(0,0,0,0.1);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#main.user #container #item_02 .bx_07 .lay .tes .photos img{vertical-align:top;}
#main.user #container #item_02 .bx_07 .lay .tes .tx{display:block; line-height:19px; font-size:13px; color:rgba(0,0,0,0.7);}
#main.user #container #item_02 .bx_07 .lay .tes .tx span{display:block;}
#main.user #container #item_02 .bx_07 .lay:hover{text-decoration:none;}
#main.user #container #item_02 .bx_07 .lay:hover .tes .photos{
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:4px 4px 0px 2px rgba(0,0,0,0.25);
}



#main.user #container #item_02 .bx_05 .lay .more,
#main.user #container #item_02 .bx_06 .lay .more,
#main.user #container #item_02 .bx_07 .lay .more
{display: inline-block; color:rgba(0,0,0,0.8); position: absolute; left:155px; top:190px;background:url(../../images/eng/main_2019/link-bul1.png) no-repeat 93% center; padding:0 30px 0 0;
 text-decoration:underline; transition:all 0.2s ease-in }
 
#main.user #container #item_02 .bx_05 .lay:hover .more,
#main.user #container #item_02 .bx_06 .lay:hover .more,
#main.user #container #item_02 .bx_07 .lay:hover .more
{ background-position: 99% center;color:rgba(36,97,189,1);}
 
#main.user #container #item_02 .bx_05 .lay .more{ left:30px}
#main.user #container #item_02 .bx_05 .lay:hover{ text-decoration:none}
 
@keyframes bx_07{
	0%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	50%{
		background-color:rgba(240,240,240,0.25);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	100%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
}
@-webkit-keyframes bx_07{
	0%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
	50%{
		background-color:rgba(240,240,240,0.25);
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
	}
	100%{
		background-color:rgba(240,240,240,0.15);
		transform:scale(1);
		-webkit-transform:scale(1);
	}
}


#main.user footer{
	/*position:absolute; left:0; bottom:-143px;*/
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}


#main.user #container #item_02 .bx_08 .lay{padding:32px 30px; background:#fff; }
#main.user #container #item_02 .bx_08 .lay .titles{display:block; line-height:20px;  font-weight:400; font-size:19px; }
#main.user #container #item_02 .bx_08 .lay .tes{display:block; position:relative; margin-top:25px;}

#main.user #container #item_02 .bx_08 .lay .tes ul{ border:1px solid #d9d9d9; }
#main.user #container #item_02 .bx_08 .lay .tes ul li{ border-bottom:1px  solid #d9d9d9;padding:0 13px 0 15px;}
#main.user #container #item_02 .bx_08 .lay .tes ul li:last-child{  border:0}
#main.user #container #item_02 .bx_08 .lay .tes ul li a{ display:block; line-height:28px;  font-size:13px;
	color:rgba(0,0,0,0.8);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	background:url(../../images/eng/main_2019/link-bul2.gif) no-repeat 98% center; 
}
#main.user #container #item_02 .bx_08 .lay .tes ul li a span{ color:#2461bd}
#main.user #container #item_02 .bx_08 .lay .tes ul li a:hover{color:rgba(0,0,0,1); background-position:100% center}





#main.user.repeat{min-height:960px;}
#main.user.repeat header{top:0;}
#main.user.repeat #container{padding:102px 0 50px 0px;}
#main.user.repeat #container .layout{display:block; width:100%; max-width:1240px;}
#main.user.repeat footer{bottom:0;}

#main.user.repeat #container #item_01{display:none; z-index:0;}
#main.user.repeat #container #item_01 .skip_btn{display:none !important;}

#main.user.repeat #container #item_02{opacity:1; left:auto; z-index:200; padding:40px 0 0 0}
#main.user.repeat #container #item_02 [class*="bx_"] .lay{opacity:1; margin-top:0;}


@media screen and (max-width:1220px){
#gnb ul li ul li a{ line-height:17px}
}

@media screen and (max-width:1160px){

#main.user #container #item_02 .bx_06 .lay .tes,
#main.user #container #item_02 .bx_07 .lay .tes
{ padding-left:115px}

#main.user #container #item_02 .bx_06 .lay,
#main.user #container #item_02 .bx_07 .lay,
#main.user #container #item_02 .bx_08 .lay,
#main.user #container #item_02 .bx_05 .lay
{padding:32px 20px;}

#main.user #container #item_02 .bx_05 .lay .more,
#main.user #container #item_02 .bx_06 .lay .more,
#main.user #container #item_02 .bx_07 .lay .more
{ left:135px;}
#main.user #container #item_02 .bx_05 .lay .more{ left:20px}
}

@media screen and (max-width:1000px){
	#main.user.repeat #container{padding:70px 0 50px 0px;}
	
	
	#main.user.repeat{height:auto; min-height:10px;}
	#main.user.repeat #container #item_02{position:relative;}
	#main.user.repeat #container #item_02{ padding:40px 100px}

	
	
	#main.user #container{width:100% !important;}
	
	#main.user #container #item_02 .bx_04 .lay,
	#main.user #container #item_02 .bx_05 .lay,
	#main.user #container #item_02 .bx_06 .lay,
	#main.user #container #item_02 .bx_07 .lay,
	#main.user #container #item_02 .bx_08 .lay,
	#main.user #container #item_02 .bx_09 .lay{padding:20px;}
	#main.user #container #item_02 .bx_08 .lay .titles{padding:0;}

	#main.user #container #item_01{padding:10px;}
	#main.user #container #item_02{padding:10px 20px;}
	#main.user #container #item_02 .simbol{display:none !important;}
	#main.user #container #item_02 .bx_01{height:240px; float:none; width:auto; padding:0; margin-bottom:7px}
	#main.user #container #item_02 .bx_01 .lay{padding:0 0 20px 0;}
	#main.user #container #item_02 .bx_02,
	#main.user #container #item_02 .bx_03{width:100%; padding:7px 0px;}
	#main.user #container #item_02 .bx_03{height:230px;}
	#main.user #container #item_02 .bx_04,
	#main.user #container #item_02 .bx_05,
	#main.user #container #item_02 .bx_06,
	#main.user #container #item_02 .bx_07,
	#main.user #container #item_02 .bx_08,
	#main.user #container #item_02 .bx_09{width:50%; height:250px; margin-top:0}
	#main.user #container #item_02 .bx_04,
	#main.user #container #item_02 .bx_06,
	#main.user #container #item_02 .bx_08{padding:7px 7px 7px 0px;}
	#main.user #container #item_02 .bx_05,
	#main.user #container #item_02 .bx_07,
	#main.user #container #item_02 .bx_09{padding:7px 0px 7px 7px;}
	
	#main.user #container .visual .js_slide .control{ left:33px; bottom:40px}
	
	#main.user #container #item_02 .bx_06 .lay .tes, #main.user #container #item_02 .bx_07 .lay .tes{ margin-top:20px}
	#main.user #container #item_02 .bx_05 .lay .more, #main.user #container #item_02 .bx_06 .lay .more, #main.user #container #item_02 .bx_07 .lay .more{ top:160px}
	
}


@media screen and (max-width:767px){
#main.user.repeat #container #item_02{ padding:30px 10px}
#main.user #container #item_02 .bx_02 .banner ul li a{ font-size:14px}
}

@media screen and (max-width:550px){

	#main.user #container #item_02 .bx_04,
	#main.user #container #item_02 .bx_05,
	#main.user #container #item_02 .bx_06,
	#main.user #container #item_02 .bx_07,
	#main.user #container #item_02 .bx_08,
	#main.user #container #item_02 .bx_09{width:100%; padding:7px 0px;}
	#main.user #container #item_02 .bx_03 .lay .tes{line-height:22px; font-size:14px;}
	#main.user #container #item_02 .bx_02{ height:auto}
	#main.user #container #item_02 .bx_02 .banner{ height:auto}
	#main.user #container #item_02 .bx_02 .banner ul li{  float:none; width:100%}
	#main.user #container #item_02 .bx_02 .banner ul li:first-child{ margin-bottom:14px}
	#main.user #container #item_02 .bx_02 .lay{ padding:15px 20px}
	#main.user.repeat #container{padding:102px 0 30px 0px;}
	#main.user.repeat #container #item_02{ padding:0 10px}
	#main.user #container #item_02 .bx_01 { height:200px}
}