@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:20px;
	line-height:32px;
    font-family: 'Noto Sans KR', sans-serif;
	color:#5a5a5a;
	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; */
}

	.mobile body{font-size:18px;line-height:28px;}

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


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 !important;}
.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 !important;}

.contL{float:left;}
.contR{float:right;}
.clear{clear:both;}
.mobile .contL, .mobile .contR{float:none !important;width:100% !important;}
.taC{text-align:center !important;}

/* Common Styles */
#wrapper{position:relative;width:100%;min-width:320px;margin:0 auto;padding-top:108px;z-index:100;}
.wrap{position:relative;max-width:1218px;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:108px;z-index:100;background:#fff;}
header .wrap{padding:39px 90px 0 5px !important;}
header h1.logo{position:absolute;left:5px;top:22px;}
header h1.logo img{margin:0;}
header #gnb{padding-left:167px;}
header #gnb ul{overflow:hidden;}
header #gnb li{float:left;padding:0 21px;}
header #gnb li a{font-size:20px;font-weight:bold;line-height:30px;letter-spacing:-1px;}
header #gnb li.current a{color:#f08300;}
header .util{position:absolute;right:18px;top:38px;}
header .util a.btn_subscribe{display:inline-block;height:30px;margin-top:1px;padding:6px 25px 0;font-size:16px;line-height:100%;vertical-align:top;color:#fff;border-radius:14px;background:#f08300;}
header .gnb_btn{display:inline-block;cursor:pointer;vertical-align:top;margin-left:17px;}
header .gnb_btn a{display:inline-block;width:36px;height:33px;text-indent:-9999px;background:url('images/t_menu.gif') no-repeat;}
#header  .btn_subscribe2 {  z-index:999; font-weight:bold; border: #2e2e32 1px solid; border-radius:  50px; text-align: center;}
#header  .btn_subscribe2:hover { color: #fff; background-color: #2e2e32; }
#header  .btn_subscribe2:hover a{ color: #fff;}

.gnb-close{display:none;}
.pc .sidenav{display:none;position:fixed;left:0;top:108px;overflow:hidden;width:100%;margin-left:0px;padding:41px 0 40px;z-index:999;border-top:1px solid #ebebeb;background:url('images/bg_t.png') repeat-x 0 bottom;}
.pc .sidenav .wrap>ul{display:table;width:100%;max-width:1200px;text-align:center;}
.pc .sidenav .wrap>ul>li{display:table-cell;width:auto;vertical-align:top;border-left:1px solid #ccc;}
.pc .sidenav .wrap>ul>li:first-child{border-left:none;}
.pc .sidenav .wrap>ul>li.sideNav_p{display:none;}
.pc .sidenav .wrap>ul>li>a{display:block;margin-top:-8px;padding:0 0 14px;font-weight:bold;font-size:22px;line-height:30px;}
.pc .sidenav .wrap>ul>li>a.depth01_t{margin-top:40px;}
.pc .sidenav .wrap>ul>li .inner{margin-top:-4px;margin-bottom:2px;}
.pc .sidenav .wrap>ul>li li{font-size:20px;line-height:40px;padding:0 15px;}
.pc .sidenav .wrap>ul>li li a{display:block;color:#5a5a5a;}
.pc .sidenav .wrap>ul>li li a.fz_s{font-size:18px;}
.pc .sidenav .wrap>ul>li li.on a{color:#f08300;}


	/* Header */
	.tablet #wrapper{padding-top:80px;}
	.tablet header{position:fixed !important;left:0;top:0;width:100%;height:80px;background:#fff;z-index:100;}
	.tablet header .wrap{padding:16px 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{display:none;}
	.tablet header .util{right:20px;top:24px;}

	.tablet .sidenav{height:100%;width:80%;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 !important;}
	.tablet .sidenav>.wrap>ul{padding:80px 0;text-align:center;background:#fff;}
	.tablet .sidenav>.wrap>ul>li{padding-top:47px;border-top:1px solid #ebebeb;}
	.tablet .sidenav>.wrap>ul>li.sideNav_p{display:none;}
	.tablet .sidenav>.wrap>ul>li>a{display:block;font-weight:bold;font-size:28px;color:#000;}
	.tablet .sidenav>.wrap>ul>li .inner{margin-top:23px;margin-bottom:36px;}
	.tablet .sidenav>.wrap>ul>li li{font-size:26px;line-height:52px;color:#5a5a5a;}
	.tablet .sidenav>.wrap>ul>li li a{display:block;color:#5a5a5a;}
	.tablet .sidenav>.wrap>ul>li li.current a{color:#f08300;}
	.tablet .sidenav>.wrap>.m_nav_off{position:absolute;right:20px;top:27px;}
	#header .top_btn {
		position: fixed;
		right: 10px;
		top: 400px;
		z-index: 10001;
		background-color: #fff;
		color: #535353;
		font-size: 1.1rem;
		border-radius: 50%;
		width: 2.8rem;
		height: 2.8rem;
		text-align: center;
		line-height: 2.7rem;
		border: #535353 solid 1px;
		cursor: pointer;
	  }
	  #header .top_btn2 {
		position: fixed;
		right: 10px;
		top: 300px;
		z-index: 10001;
		background-color: #666;
		color: #fff;
		font-size: 1.1rem;
		border-radius: 50%;
		width: 2.8rem;
		height: 2.8rem;
		text-align: center;
		line-height: 2.7rem;
		cursor: pointer;
	  }
	
	  #header .top_btn3 {
		position: fixed;
		right: 10px;
		top: 350px;
		z-index: 10001;
		background-color: #eb8940;
		color: #fff;
		font-size: 1.1rem;
		border-radius: 50%;
		width: 2.8rem;
		height: 2.8rem;
		text-align: center;
		line-height: 2.7rem;
		cursor: pointer;
	  }
	/* Footer */
	.tablet footer .lastwebzine{position:relative;display:inline-block;height:40px;margin-left:5px;vertical-align:top;}
	.tablet footer .lastwebzine dt{display:inline-block;width:220px;height:40px;padding-left:30px;text-align:left;font-size:20px;color:#4a4a4a;line-height:40px;background:#eee url('/images/common/lastwebzine_arrow.gif') no-repeat 100% center;border-radius:18px;}
	.tablet footer .lastwebzine dd{display:none;position:absolute;left:0;bottom:42px;width:100%;max-height:300px;overflow-y:auto;background:#eee;border-radius:18px;}
	.tablet footer .lastwebzine dd ul{padding:30px 30px;text-align:left;}
	.tablet footer .lastwebzine dd li{font-size:20px;line-height:32px;color:#4a4a4a;}
	.tablet footer .copyright{font-size:17px;line-height:26px;color:#949494;}


/* Footer */
footer{background:#eee;}
footer .wrap{max-width:1220px;padding:50px 10px !important;}
footer .f_logo{display:inline-block;}
footer .f_logo img{display:block;}
footer .utilCont{display:inline-block;margin-top:-2px;padding-left:40px;font-size:16px;line-height:26px;color:#a0a0a0;vertical-align:top;}
footer .vol_more{position:absolute;right:10px;top:58px;height:40px;}
footer .vol_more dt{display:inline-block;width:190px;height:40px;padding-left:30px;text-align:left;font-size:13px;color:#fff;line-height:40px;cursor:pointer;border-radius:18px;background:#4d4d4d url('images/f_lastwebzine_arrow.png') no-repeat 100% 50%;}
footer .vol_more dd{display:none;position:absolute;left:0;bottom:40px;width:100%;padding:10px 0;background:#4d4d4d;border-radius:18px;}
footer .vol_more dd ul{padding:10px 30px;text-align:left;max-height:260px;overflow-y:auto;}
footer .vol_more dd li{font-size:13px;line-height:30px;color:#fff;}
footer .vol_more dd li a{color:#fff;}
.tablet .utilCont span,.mobile .utilCont span{display:none;}
.mobile footer .f_logo{display:block;}
.mobile footer .f_logo img{height:56px;margin:0 auto;}
.mobile footer .utilCont{display:block;margin-top:16px;padding-left:0;font-size:14px;line-height:24px;text-align:center;}
.mobile footer .vol_more{position:relative;width:190px;top:0;margin:26px auto 0;}

/* sub */
.sub .wrap{max-width:1220px;padding:0 10px;}
.sub #continer img{display:block; margin:0 auto;}
.sub #continer .cover{padding:43px 80px 44px;text-align:center;word-break:keep-all;word-wrap:break-word;border-bottom:1px solid #000;}
.sub #continer .cover h3{font-size:20px;color:#f08300;letter-spacing:0;}
.sub #continer .cover h2{margin:18px 0 20px;font-size:32px;line-height:40px;color:#000;}
.sub #continer .cover .txt{color:#303030;line-height:34px;}
.sub #continer .cover .author{margin-top:15px;font-size:18px;color:#5f7b99;}
.sub #continer .cover02 .author{margin-top:-2px;}
.sub #continer .cover .author strong{color:#0f3d70;}
.sub #continer .cover span{margin-left:10px;padding-left:11px;background:url('images/author_line.gif') no-repeat 0 50%;}
.sub #content{padding-bottom:70px;}
.sub .c_title01{margin-top:44px;font-size:24px;color:#f08300;}
.sub .c_txt01{margin:20px 0 -6px;}
.sub .c_txt01_50{margin-top:43px;}
.sub .img01{display:block;max-width:100%;margin:50px auto 0;}
 /*.sub  .bor_img{border: 1px solid #c9c9c9;}*/
/*.sub .img01 #img_border{border: 1px solid #c9c9c9;}*/
.sub .img01 #img_border img{padding: 20px; border: none;}
.sub .img_desc{margin:10px auto 0;line-height:0;}
.sub .img_desc span{display:inline-block;padding:1px 30px 3px 20px;font-size:16px;line-height:26px;color:#fff;vertical-align:top;border-radius:0 13px 13px 0;background:#f0b600;}
.sub .imgType02{overflow:hidden;}
.sub .imgType02 li{float:right;width:50%;padding-left:5px;}
.sub .imgType02 li:first-child{float:left;padding-left:0;padding-right:5px;}
.sub .imgType03{overflow:hidden;}
.sub .imgType03 li{float:left;width:398px;padding-left:5px;}
.sub .imgType03 li:nth-child(1){padding-left:0;padding-right:5px;}
.sub .imgType03 li:nth-child(2){width:403px;padding-right:5px;}

.sub .source{margin-top:50px;padding-top:50px;border-top:1px solid #ebebeb;}
.sub .source dt{height:50px;margin-top:50px;padding:4px 0 0 30px;font-size:18px;line-height:26px;color:#fff;background:url('images/sub_bg_t01.png') no-repeat;}
.sub .source dt:first-child{margin-top:0;}
.sub .source dd{margin:8px 0 -3px;padding-left:30px;font-size:18px;line-height:30px;color:#819aab;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.sub .source dd li{padding-left:10px;background:url('images/ic_dot01.gif') no-repeat 0 16px;}
.sub .source dd a{color:#819aab;}
.sub .annotate{margin-top:50px;padding:21px 30px 27px;font-size:18px;line-height:26px;color:#a9a9a9;background:#f2f2f2;}
.sub sup{font-size:10px !important;color:#af2626 !important;}
.sub sup2{font-size:15px !important;color:#000 !important;margin-top:-50px;}
		
	.tablet .sub .imgType03 li{width:33.19%;}
	.tablet .sub .imgType03 li:nth-child(2){width:33.62%;}
	.mobile .wrap{padding:0 20px;}
	.mobile .sub #continer .cover{padding:43px 20px 44px;}
	.mobile .sub #continer .cover h3{font-size:18px;}
	.mobile .sub #continer .cover h2{font-size:28px;}
	.mobile .sub #continer .cover .txt{line-height:30px;}
	.mobile .sub .c_title01{font-size:20px;}
	.mobile .sub .img_desc span{padding:1px 25px 3px 15px;font-size:14px;line-height:24px;}
	.mobile .imgType02 li{float:none !important;width:100% !important;padding:0 !important;}
	.mobile .imgType03 li{float:none !important;width:100% !important;padding:0 !important;}

.main .visual{position:relative;width:100%;margin:0 auto;}
.main #slideVisual{overflow:hidden;position:relative;min-width:320px;margin:0;z-index:10;}
.main #slideVisual .owl-item{margin:0;padding:0;font-size:0;line-height:0;}
.main #slideVisual .item{position:relative;cursor:pointer;background-position:50% 0;background-repeat:no-repeat;}
.main #slideVisual .item .hidden{display:none;}
.main #slideVisual .item img{max-width:1200px;}
.main #slideVisual .owl-nav{display:block;z-index:99;}
.main #slideVisual .owl-nav [class*='owl-']{position:absolute;top:50%;transform: translateY(-50%);display:inline-block;margin:0;padding:0;width:76px;height:76px;cursor:pointer;border-radius:0;text-indent:-9999px;background:url('images/main_slide01_prev.png') no-repeat;background-size:76px 76px;}
.main #slideVisual .owl-nav .owl-prev{left:139px;}
.main #slideVisual .owl-nav .owl-next{right:139px;background-image:url('images/main_slide01_next.png');}
.main #slideVisual .owl-dots{display:none;}
	.mobile .main #slideVisual .owl-nav [class*='owl-']{width:52px;height:52px;background-image:url('images/main_slide01_prev_m.png');background-size:52px 52px;}
	.mobile .main #slideVisual .owl-nav .owl-prev{left:20px;}
	.mobile .main #slideVisual .owl-nav .owl-next{right:20px;background-image:url('images/main_slide01_next_m.png');}
.main #content{padding-bottom:70px;}
.main #content h2{margin:68px 0 50px;font-size:50px;color:#000;line-height:100%;}
.main #content dl{display:none;}
.main .mainCont01 ul{overflow:hidden;}
.main .mainCont01 li{position:relative;float:left;width:50%;padding-left:17px;cursor:pointer;}
.main .mainCont01 li:first-child{padding-left:0;padding-right:17px;}
.main .mainCont02, .main .mainCont03{margin-top:55px;border-top:1px solid #ccc;}
.main .swiper-container{width:100%;height:100%;}
.main #slideCont01 .swiper-slide{width:592px;cursor:pointer;}
.main #slideCont02 .swiper-slide{width:398px;cursor:pointer;}
.main .swiper-button-next.swiper-button-disabled, .main .swiper-button-prev.swiper-button-disabled{opacity:0.3;}

.main .mainCont02 #slideCont02_pc .owl-nav{position:absolute;top:0;right:0;display:block;z-index:99;}
.main .mainCont02 #slideCont02_pc .owl-nav [class*='owl-']{position:absolute;top:0;transform: translateY(0%);display:inline-block;margin:0;padding:0;width:19px;height:30px;cursor:pointer;border-radius:0;text-indent:-9999px;background:url('images/main_slide02_prev.png') no-repeat;background-size:19px 30px;}
.main .mainCont02 #slideCont02_pc .owl-nav .owl-prev{left:auto;right:52px;top:-55px;width:19px;height:30px;margin:0;}
.main .mainCont02 #slideCont02_pc .owl-nav .owl-next{left:auto;right:13px;top:-55px;width:19px;height:30px;margin:0;background-image:url('images/main_slide02_next.png');}
.main .mainCont03{max-width:1200px;}
.main .mainCont03 ul{margin-top:50px;overflow:hidden;}
.main .mainCont03 ul li{float:right;width:50%;padding-left:15px;}
.main .mainCont03 ul li:first-child{float:left;padding-left:0;padding-right:15px;}
.main .mainCont03 ul li img{display:block;width:100%;}
.main .mainCont03 ul.mainCont03_2 li{width:24.75%;}
.main .mainCont03 ul.mainCont03_2 li:first-child{width:75.25%;}

.main .mainCont03 #slideCont03_pc .owl-nav{position:absolute;left:26.47%;bottom:30px;display:block;z-index:99;}
.main .mainCont03 #slideCont03_pc .owl-nav [class*='owl-']{position:static;top:0;transform: translateY(0%);display:inline-block;margin:0;padding:0;width:19px;height:31px;cursor:pointer;border-radius:0;text-indent:-9999px;background:url('images/main_slide03_prev.png') no-repeat;background-size:19px 31px;}
.main .mainCont03 #slideCont03_pc .owl-nav .owl-prev{width:19px;height:31px;margin:0;margin-right:18px;}
.main .mainCont03 #slideCont03_pc .owl-nav .owl-next{width:19px;height:31px;margin:0;background-image:url('images/main_slide03_next.png');}

.main .mainCont03 .swiper-button{display:flex;position:absolute;left:26.47%;bottom:30px;}
.main .mainCont03 .swiper-button-prev03{position:static;width:19px;height:31px;margin:0;margin-right:18px;background:url('images/main_slide03_prev.png') no-repeat;}
.main .mainCont03 .swiper-button-next03{position:static;width:19px;height:31px;margin:0;background:url('images/main_slide03_next.png') no-repeat;}
.main .mainCont03 .swiper-button-prev03:after, .main .mainCont03 .swiper-button-next03:after{content:'';}
	.mobile .main #slideVisual .wrap{padding:0;}
	.mobile .main .mainCont01{padding:0 8px 0 15px;}
	.mobile .main .mainCont02{padding:0 7px 0 15px;}
	.mobile .main #content h2{margin:48px 0 40px;font-size:30px;}
	.mobile .main .mainCont02, .mobile .main .mainCont03{margin-top:35px;}
	.mobile .main .mainCont03 ul li{float:none !important;width:100% !important;padding:0 !important;margin-top:30px;}
	.mobile .main .mainCont03 ul li:first-child{margin-top:0;}
@media screen and (max-width : 740px) {
	.main #slideCont01 .swiper-slide{width:82%;}
	.main #slideCont02 .swiper-slide{width:65%;}
}
@media screen and (max-width : 540px) {
	.main .mainCont03 .swiper-button{left:20%;bottom:20px;}
	.main .mainCont03 .swiper-button-prev03{}
	.main .mainCont03 .swiper-button-prev03, .main .mainCont03 .swiper-button-next03{width:16px;height:26px;background-size:16px 26px;}
}
.sub .qna dt{font-weight:bold;color:#000;}
.sub .qna dt em{color:#f08300;}
.sub .qna dd em{font-weight:bold;color:#0e5cb3;}

.sub .cate5 dt{font-weight:bold;color:#000;}