@charset 'utf-8';
/* reset */
*{box-sizing:border-box;margin:0;padding:0;}
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
	margin:0;
	padding:0;
}

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

abbr {
    cursor: help;
    font-size: 90%;
    opacity: 0.9;
    text-decoration: none;
}
dfn[title],
abbr[title]:hover,
abbr[title]:focus {
    border-bottom: 1px dotted;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol,ul,li {
	list-style:none;
}
legend, caption { 
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0
}
i,em,address{
	font-style:normal
}
body {
	font-size:22px;
	line-height:36px;
    font-family: 'Noto Sans KR', sans-serif;
	color:#404040;
	letter-spacing:-1px;
    /* -webkit-text-size-adjust: none; */
    -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* overflow-x:hidden; */
}


a {
    text-decoration: none;
    color: #404040;
}


textarea {resize: none;}
img, iframe{max-width:100%;font-size:0;line-height:0;}

.pcShow{display:block;}
.mShow{display:none !important;}
.tbShow{display:none !important;}
.pc .pc_tbShow{display:block;}
.pc .tb_mShow{display:none;}
.tablet .pcShow, .tablet .mShow{display:none !important;}
.tablet .tbShow{display:block !important;}
.mobile .pcShow, .mobile .tbShow{display:none !important;}
.mobile .mShow{display:block !important;}
.mobile .pc_tbShow{display:none !important;}
.mobile .tb_mShow{display:block;}

.contL{float:left;width:50%;}
.contR{float:right;width:50%;}
.contL2{float:left;width:40%;}
.contR2{float:right;width:60%;}
.contL3{float:left;width:42.8%;}
.contR3{float:right;width:57.2%;}
.contL4{float:left;width:43.5%;}
.contR4{float:right;width:56.5%;}
.contL5{float:left;width:43%;}
.contR5{float:right;width:57%;}
.clear{clear:both;}
.mobile .contL, .mobile .contR{float:none !important;width:100% !important;padding:0 !important;}


/* Common Styles */
#wrapper{position:relative;width:100%;min-width:320px;margin:0 auto;padding-top:100px;z-index:100;}
.wrap{position:relative;max-width:1000px;margin:0 auto;}

/* Skip Navigation */
.skip {position:absolute;top:0;left:0;width:100%;height:0;padding:0;background:#000;z-index:200;overflow:hidden;text-align:center;}
.skip.on{height:auto;padding:5px 0;overflow:auto;}
.skip a{color:#fff;white-space:nowrap;}

/* Header */
header{position:fixed;left:0;top:0;width:100%;height:100px;z-index:100;background:#fff;}
header .wrap{max-width:1200px;padding:28px 0 0 0 !important;}
header h1.logo img{margin:0;}
header .gnb_btn{position:absolute;right:0;top:35px;}
header .gnb_btn a{display:inline-block;width:46px;height:30px;text-indent:-9999px;background:url('../../images/common/t_menu.jpg') no-repeat;}
header .gnb_btn a.pcClose{display:none;width:34px;height:34px;text-indent:-9999px;background:url('../../images/common/t_menu_close.jpg') no-repeat;}

.sidenav{display:none;position:fixed;left:0;top:100px;overflow:hidden;width:100%;margin-left:0px;padding:41px 0 40px;z-index:999;background:#fff;border-top:1px solid #ebebeb;}
.sidenav .wrap{max-width:1200px;}
.sidenav .wrap>ul{overflow:hidden;max-width:1200px;margin:0 auto;}
.sidenav .wrap>ul>li{float:left;width:50%;padding-left:116px;font-size:22px;line-height:46px;background:url('../../images/common/t_menu_icon.jpg') no-repeat 100px 22px;}
.sidenav .wrap>ul>li:nth-child(2n+1){border-right:1px solid #e5e5e5;}


	/* Header */
	.tablet #wrapper{padding-top:100px;}
	.tablet header{position:fixed !important;left:0;top:0;width:100%;height:100px;background:#fff;z-index:100;}
	.tablet header .wrap{padding:28px 20px 0 !important;}
	.tablet header h1.logo{position:static;left:0;top:0;}
	.tablet header h1.logo img{display:inline-block;height:48px;}
	.tablet header .gnb_btn{right:20px;}

	.tablet .sidenav{display:block;height:100%;width:90%;max-width:400px;position:fixed !important;left:auto;right:0;top:0;padding:0;z-index:9999;overflow:auto;transition:all .6s ease-in-out;background-color:rgba(255,255,255,1)}
	.tablet .animate-right{right:-100%;}
	.tablet .overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.9);z-index:150;}
	.tablet .gnb-close{position:absolute;right:20px;top:33px;}
	.tablet .gnb-close img{cursor:pointer;}
	.tablet .sidenav>.wrap{float:right;width:100%;padding:0 30px !important;}
	.tablet .sidenav>.wrap>ul{padding:90px 0;text-align:center;background:#fff;}
	.tablet .sidenav>.wrap>ul>li{float:none;width:100%;padding-left:16px;padding-top:27px;line-height:36px;text-align:left;background-position:0 41px;}
	.tablet .sidenav .wrap>ul>li:nth-child(2n+1){border-right:none;}
	.tablet .sidenav>.wrap>.m_nav_off{position:absolute;right:20px;top:27px;}



/* Footer */
footer{text-align:center;background:#484848;}
footer .wrap{max-width:1200px;padding:40px 0 45px !important;font-size:18px;color:#989898;}
footer .btn_top{position:absolute;right:0;top:0;}

/* sub */
.sub .wrap02{margin-top:-100px;padding:0;}
.sub #continer img{display:block; margin:0 auto;}
.sub #continer .cover{display:table;width:100%;height:760px;text-align:center;word-break:keep-all;word-wrap:break-word;background-position:50% bottom;}
.sub #continer .cover .wrap{display:table-cell;padding:43px 80px 44px;vertical-align:middle;}
.sub #continer .cover h3{font-size:30px;color:#fff;margin-top:0px;}
.sub #continer .cover h3 span{display:inline-block;padding:4px 10px 10px;line-height:100%;background:#00bbf5;}
.sub #continer .cover h2{margin:35px 0 46px;font-size:70px;line-height:100%;color:#fff;}
.sub #continer .cover .author{margin-top:15px;font-size:20px;color:#fff;}
.sub #continer .cover .author span{border-bottom:1px solid #fff;}
.sub .section{padding:92px 0 0;background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;}
.sub .section01{background-position:50% 100px;}
.sub .section .wrap{padding-bottom:97px;}
.sub .section{color:#fff;}
.sub .s_white{background:#fff;color:#404040;}
.sub .s_white .img_desc{color:#a0a0a0;opacity:1;}
.sub .section01 .s_white{color:#000;}
.sub .c_txt01{margin:0 0 -6px;}
.sub .c_txt01_50{margin-top:43px;}
.sub .img01{display:table;max-width:100%;margin:8px auto 0;}
.sub .img_desc{margin:15px auto 38px;line-height:0;font-size:18px;line-height:26px;color:#fff;opacity:0.5;}
.sub .copyright{margin:47px 0 97px;font-size:18px;color:#808080;line-height:36px;}
.sub .copyright span{display:inline-block;width:94px;height:36px;margin-right:7px;padding-left:7px;color:#fff;vertical-align:top;background:url('../../images/sub/ic_copyright.jpg') no-repeat 0 3px;}
	.mobile .sub #continer .cover{background-size:cover;height:400px;}
	.mobile .sub .wrap{padding:0 20px;}
	.mobile .sub .section .wrap{padding-bottom:97px;}
	.mobile .sub #continer .cover{padding:43px 0 44px;}
	.mobile .sub #continer .cover h3{font-size:26px;}
	.mobile .sub #continer .cover h2{font-size:45px;}



.sub #history img{}
.sub #history .swiper-button-prev{width:40px;height:73px;margin:0;margin-right:18px;background:url('../../images/sub/s11_prev.png') no-repeat;}
.sub #history .swiper-button-next{width:40px;height:73px;margin:0;background:url('../../images/sub/s11_next.png') no-repeat;}
.sub #history .swiper-button-prev:after, .sub #history .swiper-button-next:after{content:'';}
.sub .swiper-button-next.swiper-button-disabled, .sub .swiper-button-prev.swiper-button-disabled{opacity:0.3;}