html {overflow-y:auto; }
html, body {width:100%;-webkit-text-size-adjust:none; font-family: NotoSansCJKkr, sans-serif; font-size:14px; font-weight:400; color:#555; line-height:18px; letter-spacing:normal; text-align:center;}
body {position:relative;min-width:320px;overflow:hidden; }

/* header */
#header {position:absolute;top:0;left:0;width:100%;z-index:200;}
#header h1 a {position:relative;z-index:250;}
#header .header_top {position:relative;width:100%;height:60px;background:#133586;z-index:240;}
#header .header_top .m_global {display:none;background:#fff;position:absolute;top:60px;left:0;width:100%;height:93px;background:#fff;z-index:210;-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);}
#header .header_top .m_global > ul {overflow:hidden;margin:0 10px;}
#header .header_top .m_global > ul > li {float:left;width:27%; }
#header .header_top .m_global > ul.nomember > li {width:27%;}
#header .header_top .m_global > ul > li:last-child {padding-left:7%;width:46%;}
#header .header_top .m_global > ul > li > a {display:block;}
#header .header_top .m_global > ul > li > a > span {display:block;}
#header .header_top .m_global > ul > li > a > span.name {font-size:14px;color:#666;}
#header .header_top .m_global > ul > li > a > span.icon {padding-top:13px;}
#header .header_top .m_global .lan {display:table; overflow:hidden; width:100%;margin-top:27px; text-align:center; border:1px solid #d9d9d9;}
#header .header_top .m_global .lan a {display:table-cell; float:left; padding:0;height:38px; vertical-align:middle;line-height:38px;border-left:1px solid #d9d9d9; letter-spacing:-1px;}
#header .header_top .m_global .lan a.lan01 {width:29.5%;}
#header .header_top .m_global .lan a.lan02 {width:38.5%;}
#header .header_top .m_global .lan a.lan03 {width:31.5%;}
#header .header_top .m_global .lan a:first-child{border-left:none;}
#header .header_top .m_global .lan a:hover{color:#2256d1;}
#header .header_top .m_global .lan a.selected {background-color:#5c87ed;color:#fff;}
#header .header_bottom{position:relative;width:100%;height:60px;background:rgba(255,255,255,1.0);z-index:240;}
#header .shadow{position:absolute;bottom:-14px;left:0;width:100%;height:14px;background:url('/images/common/header_shadow.png') repeat;}
#header .header_bottom .header_data{position:relative;margin:0 20px;}
#header .header_bottom .header_data .gnb_wrap{position:relative;height:60px;}
#header .header_bottom .h_notice {display:none;}
#header .header_bottom.fix{position:fixed;top:0;left:0;width:100%;}
#header .header_bottom.fix .global_menu{top:0;}
#header .header_bottom.fix .global_menu > li > a{color:#888;}
#header .header_bottom.fix .global_menu > li{background:url(/images/common/glo_line_fix.gif) left center no-repeat;}
#header .header_bottom.fix .global_menu > li:first-child{background:none;}
#header .header_bottom.fix .global_menu > li > a .arrow{background-position:left bottom;}
#header .header_bottom.fix .sns_list{top:150%;}
#header .header_bottom.fix .fix_logo{top:15px;opacity:1;}

#header .sns_list {position:absolute;left:20px;top:20px;z-index:9999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#header .sns_list ul li{float:left;padding-left:10px;}
#header .sns_list ul li:first-child{padding-left:0;}
#header .sns_list ul li a {font-size:12px;}
#header .sns_list ul li a i {margin-right:5px; font-size:18px; color:#fff; }
#header .sns_list ul li a,
#header .sns_list ul li a:hover,
#header .sns_list ul li a:hover i { color:#fff;}
#header .fix_logo{position:absolute;top:-90px;left:0;width:200px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0;}

#header .global_menu {position:absolute;top:-60px;right:0;z-index:333;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#header .global_menu > li{position:relative;float:left;padding:0 8px;height:60px;background:url('/images/common/glo_line.gif') left center no-repeat;}
#header .global_menu > li:first-child{background:none;}
#header .global_menu > li.last{padding-right:0}
#header .global_menu > li > a{display:block;font-size:12px; line-height:60px;color:#fff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#header .global_menu > li > a .arrow{display:inline-block;zoom:1;*display:inline;width:15px;height:14px;overflow:hidden;vertical-align:middle;margin-left:7px;background:url('/images/common/header_glo_arrow.png') left top no-repeat;}
#header .global_menu .select_list{position:absolute;top:60px;left:0;width:100%;font-size:12px; text-align:left;border:1px solid #d9d9d9;display:none;}
#header .global_menu .select_list li{border-top:1px solid #d9d9d9;background:#fff;padding:7px 8px;line-height:17px;}
#header .global_menu .select_list li:first-child{border-top:none;}
#header .global_menu .select_list a:hover{color:#2256d1;}
#header .global_menu .select_list li.selected { background-color:#5c87ed;color:#fff;}

#header .btn_m_list{position:absolute;top:0;left:0;display:block;height:60px;width:60px;display:none;}
#header .btn_m_list span{position:absolute;left:15px;top:0;display:block;width:30px;height:1px;background:#fff;transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform:rotate(0deg);transition: .25s ease-in-out;-o-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
#header .btn_m_list span:first-child{top:21px;}
#header .btn_m_list span:nth-child(2){top:29px;}
#header .btn_m_list span:nth-child(3){top:29px;}
#header .btn_m_list span:nth-child(4){top:37px;}
#header.mfix .btn_m_list span:first-child,#header.mfix .btn_m_list span:nth-child(4){display:none;}
#header.mfix .btn_m_list span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#header.mfix .btn_m_list span:nth-child(3){transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#header.mfix .m_global{display:block;}
#header.mfix{height:100%;background:#f1f1f1;}
#header .m_gnb{position:absolute;left:0;top:60px;width:100%;height:100%;text-align:left;display:none;}
#header.mfix .m_gnb{display:block;}
#header .m_gnb a{color:#666;}
#header .m_gnb > ul > li{border-bottom:solid 1px #bbb;}
#header .m_gnb > ul > li.actived > a{color:#9810e2;}
#header .m_gnb > ul > li > a{position:relative;display:block;height:50px;line-height:50px;font-size:16px;text-align:center;
	background:rgba(150,150,150,0.8);
	-webkit-transform-origin:-100% 0%;
	-moz-transform-origin:-100% 0%;
	-o-transform-origin:-100% 0%;
	-ms-transform-origin:-100% 0%;
	transform-origin:-100% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#header .m_gnb > ul > li.effect > a{
	background:rgba(241,241,241,1);
	-webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	-ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
#header .m_gnb > ul > li > ul {display:none;}

#header .m_gnb .btn_close{margin-top:20px;text-align:center;}

/* MENU */
.gnb {position:relative ;top: 10px; z-index: 225;/*transition: 800ms;*//*-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */width:750px;margin:0 auto;}
ul#top_menu a { color: #222222; text-decoration: none; font-size: 16px;font-weight: 500; /*-webkit-transition:500ms; transition:500ms*/}
ul#top_menu > li > a:hover,ul#top_menu > li.current > a { color:#DC372B;}
ul#top_menu > li > a:before {content: ''; display: block; width:1px; height:15px; position: absolute; left:0; top:16px; background: #ddd;}
ul#top_menu > li:first-child > a:before {background: none;}
ul#top_menu > li,
ul#top_menu > li > a { float: left; display: block; }
ul#top_menu > li > ul {/* display: none; */opacity:0; position:absolute; visibility:hidden; top:49px; width:180px; z-index:224; left: 0%; margin-left:; box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16); -webkit-transition:opacity 150ms; transition:opacity 150ms; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;}
ul#top_menu li:hover > ul {/* display: block; */visibility:visible; opacity:1;}
ul#top_menu > li > a {position: relative; padding:10px 35px 25px; }
ul#top_menu li { position:relative}
ul#top_menu > li > ul a {background: #fff;display: block;padding: 10px 5px 10px 25px;font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;}
ul#top_menu > li:hover > ul a { padding: 17px 5px 17px 25px;}
ul#top_menu > li > ul a:hover {background: #DC372B;color: #fff;}
ul#top_menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #fafafa;}
ul#top_menu > li > ul > li > ul a:hover {background: #fafafa;color: #66af3f;}
ul#top_menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px;}

ul#top_menu > li > ul > li:first-child > a{border-top: none;}

ul#top_menu > li:nth-child(3) > ul > li:nth-child(3) a,
ul#top_menu > li:nth-child(5) > ul > li:nth-child(2) a {padding-right: 45px;background-image: url(/images/icon-blank.png);background-position: 165px center;background-repeat: no-repeat;}
ul#top_menu > li:nth-child(3) > ul > li:nth-child(3) a:hover,
ul#top_menu > li:nth-child(5) > ul > li:nth-child(2) a:hover {background-image: url(./images/icon-blank-hover.png);}

/* container */
#container{clear:both; position:relative;max-width:1200px;margin:0 auto;padding-top:120px;z-index:100;}

/* contents */
#contents{position:relative;}

/* footer */
#footer{padding:0 10px 50px 10px;margin-top:70px;}
#footer .copy{font-size:14px;color:#888;margin-top:20px;}
#footer .f_list{display:inline-block;zoom:1;*display:inline;margin-top:25px;}
#footer .f_list > li{display:inline;}
#footer .f_list > li > a{display:inline-block;zoom:1;*display:inline;padding:0 10px;font-size:14px; background:url('/images/common/bg_list_line.gif') left center no-repeat;}
#footer .f_list > li:first-child > a{background:none;}
#footer .copy_wrap{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #d9d9d9;}
#footer .copy_wrap address{font-size:13px;line-height:18px; margin-top:15px}
#footer .copy_wrap .f_cs{position:relative;top:auto;left:auto;}
#footer .copy_wrap .f_cs .txt01{font-size:20px;}
#footer .copy_wrap .f_cs .txt02{font-size:10px;line-height:16px;margin-top:5px;}


/* desktop 1280 */
@media screen and (max-width:1280px){
	#container.brand_story {margin: 0 0; }

}

@media all and (min-width:1024px) and (max-width:1280px){
	.gnb {width:630px;margin:0 auto; padding-left:40px; }
	ul#top_menu > li > a {position: relative; padding:10px 20px 25px; }
	ul#top_menu > li > ul {width:160px; }
}


/* mobie 1023 */
@media screen and (max-width:1023px){
    #header{position:fixed}
	#header .header_bottom.fix .fix_logo{top:-60px}
	#header .sns_list {display:none;}
	#header .header_bottom{display:none}
	#header .header_top{margin:0;height:60px}
	#header .btn_m_list{display:block}
    #header .header_bottom.fix .global_menu{top:-60px}
	#container{padding-top:60px}

}

/* mobie 640 */
@media screen and (max-width:640px){
    #footer{margin-top:40px}
    #footer .f_list{display:block;margin-top:15px;width:100%}
    #footer .f_list:after{content:"";display:block;clear:both;}
    #footer .f_list > li{display:block;float:left;width:50%}
    #footer .f_list > li > a{display:block;;margin-top:-1px;margin-left:-1px;padding:0 0;font-size:13px;line-height:34px;background:none;border:1px solid #d9d9d9}
    #footer .f_list > li:first-child > a{background:none}
    #footer .copy_wrap{margin-top:0;border-top:none}
	#footer .copy_wrap address{font-size:12px;line-height:18px; margin-top:15px}

}

/* input tag */
input[type="text"],
input[type="password"],
input[type="file"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:100%;height:32px;text-align:left;background:none;border:none;display:block;color:#666;outline:none;}
input[type="file"]{width:100%;line-height:normal;height:auto;}
textarea{position:relative;width:100%;background:none;}

select{height:34px;width:100%;height:32px;text-align:left;background:none;border:none;display:block;color:#666;line-height:1;outline:none;}
select::-ms-expand{display:none;}

a:link, a:visited {text-decoration:none;color:#555;}
a:hover, a:focus, a:active{color:#ce001d; background:none;text-decoration:none;}

h3{font-size:24px;line-height:1.500;font-weight:500;color:#333;}
h4{font-size:19px;line-height:1.632;font-weight:500;color:#444;}
h5{font-size:15px;line-height:1.933;font-weight:500;color:#555;}