@charset "UTF-8";



#sub{width:1150px;margin:0 auto;}
.sub-wrap{position:relative;height:auto;padding:110px 50px 60px 50px;background:#ebebeb;}
.sub-wrap.cover{padding-top:60px;}
.cont-wrap{background:#fff;padding:35px 50px 60px 50px;}
.title-card{position:absolute;top:40px;left:100px;height:175px;width:315px;background:#6086ba;box-shadow: 13px 13px 1px rgba(168, 167, 167, 0.5);}
.sub-wrap.cover .title-card{height:205px;top:-100px;}
.sub-wrap.cover .title-card h1{padding-top:0px;}
.title-card h2{font-size:17px;color:#fff;padding-top:25px;line-height:20px;text-align:center;padding-bottom:8px;}
.title-card h1{font-size:32px;line-height:32px;color:#fff;padding-top:0px;font-weight:bold;text-align:center;padding-top:26px;}
.title-card h1.letter{letter-spacing:-2px;}
.title-card label{display:block;padding-top:22px;color:#fff;font-size:15px;padding-left:20px;padding-bottom:9px;}
.title-card select{width:275px;height:48px;line-height:48px;font-size:17px;margin-left:20px;border:1px solid #fff;color:#fff;background:#6086ba;padding-left:10px;}
.navication{float:right;}
.navication ul li{float:left;padding-left:10px;background: url('../image/sub/navi-sl.png') no-repeat left 58%;margin-left:10px;font-size:14px;color:#666666;line-height:20px;}
.navication ul li:first-child{background: url('../image/sub/home.png') no-repeat left 50%;padding-left:20px;}
#content{padding-top:115px;}
.cont-wrap.cover-story #content{padding-top:60px;}
.tab{height:50px;}
.tab ul li{display:inline-block;float:left;}
.tab ul li a{display:block;border:1px solid #cccccc;border-bottom:2px solid #6086ba;;margin-left:-1px;height:48px;line-height:47px;font-size:18px;color:#999999;text-align:center;}
.tab ul li.on a{color:#000;font-weight:bold;border:2px solid #6086ba;border-bottom:0;}
.tab ul li.next a{margin-left:0;border-left:0;}
.tab.menu3 ul li{width:33.33%;}
.tab.menu4 ul li{width:25%;}
.accordion-wrap{border-top:1px solid #000;margin:25px 0 40px 0;}
button.accordion {font-weight:500;background: #fff url('../image/sub/down.png') no-repeat 98% center;color: #333333;cursor: pointer;padding: 21px;width: 100%;border: none;text-align: left;outline: none;font-size: 16px;line-height:16px;transition: 0.4s;border-bottom:1px solid #cccccc;}
button.accordion.on{background: #fff url('../image/sub/up.png') no-repeat 98% center;font-weight:bold;}
div.panel {display:none;padding:0 21px;background-color: #f9f9f9;/*max-height: 0;*/overflow: hidden;transition: max-height 0.2s ease-out;border-bottom:1px solid #cccccc;margin-top:-1px;}
div.panel > p{padding:21px 0 21px 0;font-size:16px;color:#333333;line-height:26px;text-align:justify;}
div.panel > p strong{display:inline-block;width:100%;padding-bottom:3px;}
div.panel > a{display:inline-block;float:right;color:#fff;font-size:14px;line-height:14px;background:#656565 url('../image/sub/btn-icon01.png') no-repeat 18% center;padding:12px 25px 12px 43px;margin-bottom:25px;}
div.panel > a.no-icon{background:#656565;padding:12px 30px;}
div.panel span.subtit{display:block;padding:14px 0 2px 0;}
h1.titA{font-size:20px;line-height:24px;color:#000000;padding-left:17px;background: #fff url('../image/sub/titA.png') no-repeat left center;font-weight:600;}
p.txtA{font-size:16px;color:#333333;line-height:28px;margin:13px 0 30px 0;text-align:justify;}
div.img-wrap{text-align:center;}
div.img-wrap img{max-width:100%;}
.panel div.img-wrap{padding:50px 0;}
.researcher{margin-top:30px;background:#f9f9f9;padding:30px;}
.researcher .rsc-tit{border-bottom:2px solid #333333;}
.researcher .rsc-tit a{display:block;color:#333333;font-size:22px;font-weight:700;padding-bottom:10px;background:url('../image/sub/plus.png') no-repeat right center;}
.researcher ul{padding-top:20px;}
.researcher ul li{font-size:16px;color:#333333;line-height:26px;background:url('../image/sub/ul-sl.png') no-repeat left 12px;padding-left:15px;}
.library-visual{margin-top:50px;margin-bottom:45px;height:150px;background:url('../image/sub/library01-img01.png') no-repeat 100% 100%;background-size:cover;text-align:center;}
.library-visual.new{display:table;text-align:center;vertical-align:middle;width:100%;background:url('../image/sub/library02-img01.png') no-repeat 100% 100%;background-size:cover;}
.library-visual.new.vi01{background:url('../image/sub/library01-img01.png') no-repeat 100% 100%;background-size:cover;}
.library-visual.new.refer{background:url('../image/sub/library03-img01.png') no-repeat 100% 100%;background-size:cover;}
.library-visual.new h3{display:table-cell;vertical-align:middle;padding:0 25px;}
.library-visual.new h3 span{font-size:30px;color:#fff;}
.library-visual h2{font-size:24px;color:#fff;font-weight:500;padding-top:43px;}
.library-visual h1{font-size:41px;color:#fff;font-weight:700;padding-top:0px;}

.sub-txt {font-size:16px;line-height:30px;text-align:justify;}
.tab.menu2 ul li {width:50%;}
.btn-wrap.center{text-align:center;padding-top:50px;}
.btn-wrap li {display:inline-block;}
.btn-wrap li {margin-left:5px;}
.btn-wrap li:first-child {margin-left:0;}
.report-top .btn-wrap li{margin-left:0;}
.btn-wrap li a.typeA{display:block;width:auto;padding:0 25px;text-align:center;height:40px;line-height:40px;color:#fff;text-align:center;background:#2b5da1;font-size:15px;}
.btn-wrap li a.book{display:block;word-break:keep-all;width:auto;padding:12px 25px;padding-left:40px;text-align:center;height:auto;line-height:22px;color:#fff;text-align:center;background:#656565 url('../image/sub/btn-icon02.png')no-repeat 19px 15px;font-size:15px;}
.btn-wrap li a.book1{margin-bottom:5px;display:block;word-break:keep-all;width:auto;padding:12px 17px;padding-left:34px;text-align:center;height:auto;line-height:22px;color:#fff;text-align:center;background:#2b5da2 url('../image/sub/library02-icon.png')no-repeat 16px 15px;font-size:15px;}
.btn-wrap li a.interview{margin-bottom:5px;display:block;word-break:keep-all;width:auto;padding:12px 20px;padding-left:38px;text-align:center;height:auto;line-height:22px;color:#fff;text-align:center;background:#2b5da2 url('../image/sub/btn-icon03.png')no-repeat 16px 15px;font-size:15px;}

.e-book {display:block;width:140px;padding-left:20px;height:40px;line-height:40px;color:#fff;text-align:center;background:#2b5da1 url('../image/common/e-book.png')no-repeat 23px center;}
.origin-txt {display:block;width:105px;padding-right:20px;padding-left:35px;height:40px;line-height:40px;color:#fff;text-align:center;background:#656565 url('../image/common/origin-txt.png')no-repeat 30px center;}
.cover-tit {margin-bottom:45px;padding:44px 3% 35px 3%;width:94%;font-size:18px;background:#f5f5f5 url('../image/sub/cover01-img01.png')no-repeat 97% center;}
.cover-tit strong {display:block;font-size:25px;}
.report-top {margin:30px 0 50px 0;overflow:hidden;background:#f9f9f9;padding:45px 30px;}
.report-top.interview{padding:40px 40px;}
.report-top .left-img{width:27%;display:inline-block;float:left;}
.report-top .right-txt{width:73%;display:inline-block;float:left;}
.report-top.interview .left-img{width:28%;display:inline-block;float:left;}
.report-top.interview .right-txt{width:68.5%;display:inline-block;float:left;padding-left:3.5%;}
.panel .report-top{margin:0;background:none;padding:40px 20px;}
.panel .report-top .left-img{width:24%;display:inline-block;float:left;}
.panel .report-top .right-txt{width:76%;display:inline-block;float:left;}
.report-top .tit {display:block;margin-bottom:13px;padding-bottom:13px;font-size:22px;border-bottom:2px solid #000;line-height:28px;color:#000;}
.report-top .tit span{font-size:18px;font-weight:400;}
.report-top p {font-size:16px;line-height:27px;text-align:justify;background:url('../image/sub/ul-sl.png') no-repeat left 12px;padding-left:15px;;}
.report-top p.txt-t{display:inline-block;width:15%;vertical-align:top;font-weight:bold;}
.report-top p.txt-c{display:inline-block;width:76%;padding-left:0;background:none;margin-bottom:8px;}
.report-top p.pdlist{font-weight:300;font-size:16px;padding-left:60px;background:none;}
.report-top p.cont{font-weight:300;font-size:16px;padding-left:10px;margin-left:15px;background:url('../image/sub/dot.png') no-repeat left 12px;}
.report-top p.cont_tit{font-size:16px;padding-left:10px;margin-left:15px;background:none;}
.report-top p.pdlist strong{font-weight:500;padding-top:8px;display:inline-block;}
.report-top p.pdlist.titnon{margin-top:-26px;}
.report-top p.pdlist.titnon strong:first-child{padding-top:0;}
.report-top p.atxt{font-size:14px;color:#6086ba;background:none;padding-left:0;padding-top:10px;}
.report-top p.tit-cont strong{float:left;position:absolute;}
.report-top p.tit-cont span{display:inline-block;padding-left:80px;}

.report-top strong {color:#333;}
.report-top .btn-wrap {float:left;margin-top:25px;}
.chart {padding-top:40px;margin:0 auto;display:block;padding-bottom:10px;}
.sub-wrap.sub-wrap-coverstory {padding:60px 135px 70px 135px;}
.sub-wrap.sub-wrap-coverstory .title-card {top:-78px;}
.vis-wrap {width:100%; height:340px;background:url('../image/main/visual.jpg')no-repeat center center;}
.vis-wrap h2{font-size:23px;text-align:center;color:#fff;font-weight:600;padding-top:100px; text-shadow: #565656 2px 3px 6px;}
.vis-wrap h1{font-size:48px;line-height:64px;text-align:center;color:#fff;font-weight:500;padding-top:0; text-shadow: #565656 2px 3px 6px;}
.cover-vis-tit {display:block; margin:0 auto;padding:147px 0;}
ul.interview-img{overflow:auto;margin-top:40px;}
ul.interview-img.table{margin-top:0;}
ul.interview-img.table table{margin-top:0;}
ul.interview-img li{display:inline-block;width:49%;float:left;margin-left:2%;}
ul.interview-img li:first-child{margin-left:0;}
ul.interview-img li img{text-align:center;width:100%;}
ul.interview-img li p{text-align:center;font-size:13px;color:#999999;padding-top:5px;}
p.interview-txt{background:none;padding-left:57px;}
a.btnA{display:inline-block;color:#fff;font-size:14px;line-height:14px;background:#656565;padding:12px 25px 12px 25px;margin-top:10px;}





/*info table*/
table.info {width:100%;border-top:1px solid #606060;padding:20px 0 30px 0;}
table.info.no-top-bd{border-top:0;}
table.info caption{font-size:18px;line-height:25px;color:#333333;padding-bottom:15px;position:inherit;left: inherit;top: inherit;height: inherit;overflow: inherit;}
table.info.no-cap caption{position: absolute;left: -10000px;top: auto;height: 1px;overflow: hidden;}
table.info thead th{font-size:16px;line-height:26px;font-weight:600;color:#000;padding:15px 0;border-bottom:1px solid #606060;text-align:center;color:#333;}
table.info tbody td{font-size:16px;line-height:26px;padding:11px 17px;color:#666666;border-left:1px dashed #c9c9c9;border-bottom:1px solid #c9c9c9;text-align:center;color:#333;word-break:break-all; }
table.info tbody td.bd-top{border-top:1px solid #606060;}
table.info tbody td.left{text-align:left;}
table.info tbody td:first-child{border-left:0;}
table.info.library tbody td a{display:inline-block;word-break:keep-all;color:#666666;}
table.info tbody td a{color:#666666;word-break:break-all;}
table.info.library tbody td a img{vertical-align:middle;}
p.table-txt{color:#333333;font-size:16px;font-weight:bold;text-align:right;padding-bottom:10px;}
p.atxt{font-size:14px;color:#6086ba;background:none;padding-left:0;padding-top:10px;}
p.atxt.ipnews{font-size:16px;line-height:28px;}
p.lib-box{padding:20px;margin-top:40px;font-size:16px;color:#333;border:1px solid #999999;text-align:center;}
table.info.list thead th{padding:2px 0;}
table.info.list tbody td{padding:1px 17px;}
p.table-cap{font-size:18px;line-height:25px;color:#333333;padding-bottom:15px;text-align:center;padding-top:10px;}

span.table-cap{font-size:18px;line-height:25px;color:#333333;padding-bottom:15px;text-align:center;padding-top:10px; display:block;}
table.info2 {border-top:1px solid #cdcdcd;padding:20px 0 30px 0; margin:auto;  }
table.info2 tbody td{font-size:14px;line-height:20px;padding:11px 17px;color:#757373;background-color:#ffffff;    text-align: left;
								border-left:1px dashed #cdcdcd ; border-bottom:1px solid #cdcdcd;word-break:break-all; }
table.info2 tbody .blue{background-color:#d4e4f8; text-align:center; color:#757373;font-weight:500;}
table .width80{width:80%;}
table.width96 {width:96%;}
/*공통*/
.mtop40{margin-top:40px !important;}
.mtop60{margin-top:60px !important;}
.mtop50{margin-top:50px !important;}
.mtop30{margin-top:30px !important;}
.mtop20{margin-top:20px !important;}
.mtop10{margin-top:10px !important;}
.ptop10{padding-top:10px !important;}
.ptop20{padding-top:20px !important;}
.ptop30{padding-top:30px !important;}
.ptop40{padding-top:40px !important;}
.ptop50{padding-top:50px !important;}
.p500{font-weight:500;}
.clear{clear:both;}


/**/
#subscript{display:none;background: url('../image/common/pop-bg.png') repeat 0 0;width: 100%;height:100%;;position:absolute;z-index: 9999;top: 0;left: 0;}
#subscript .sub-pop-wrap{background:#6086ba;width:500px;padding:20px;height:auto;margin:70px auto;}
#subscript .sub-pop-wrap .pop-cont{position:relative;background:#fff url('../image/common/form-bg.png') no-repeat 93% 7%;padding:35px 40px;}
#subscript .sub-pop-wrap .pop-cont p.tit1{font-size:17px;color:#615f5f;padding-bottom:7px;}
#subscript .sub-pop-wrap .pop-cont h1{font-size:32px;color:#000;line-height:39px;}
#subscript .sub-pop-wrap .pop-cont h1 span.color{color:#2e65b5;}
#subscript .sub-pop-wrap .pop-cont h1 span.line{text-decoration:underline;}
#subscript .sub-pop-wrap .pop-cont p.tit2{font-size:14px;color:#615f5f;padding-top:8px;}
#subscript .sub-pop-wrap .pop-cont .gray-box{background:#f4f4f8;padding:20px;margin-top:25px;}
#subscript .sub-pop-wrap .pop-cont .gray-box p{font-size:14px;line-height:22px;color:#45484e;font-weight:500;padding-top:10px;}
#subscript .sub-pop-wrap .pop-cont .gray-box p:first-child{padding-top:0;}
#subscript .sub-pop-wrap .pop-cont .gray-box p.sl{font-weight:300;padding-left:26px;padding-bottom:5px;padding-top:0;background: url('../image/sub/ul-sl.png') no-repeat 16px 10px;background-size:5px 1px;}
#subscript table.form{    border-collapse: separate;width:100%;border-top:2px solid #4b535f;margin-top:30px;}
#subscript table.form th, #subscript .form td{border-bottom:1px solid #a8abb1;padding:6px 0;text-align:left;}
#subscript table.form th{padding-left:15px;font-weight:500;color:#4b535f;}
#subscript table.form input.form{width:90%;vertical-align:middle;height:30px;line-height:30px;padding-left:10px;}
.label-wrap{padding-top:10px;text-align:center;}
.pop-btn{text-align:center;margin-top:30px;overflow:auto;}
.pop-btn li{display:inline-block;}
.pop-btn li a{display:inline-block;padding:10px 30px;color:#fff;font-weight:bold;font-size:14px;margin-left:1px;background:#67696f;}
.pop-btn li:first-child a{margin-left:0;background:#2e65b5;}
.pop-x{position:absolute;right:20px;top:20px;}

#subscript-z{display:none;background: url('../image/common/pop-bg.png') repeat 0 0;width: 100%;height:100%;;position:absolute;z-index: 9999;top: 0;left: 0;}
#subscript-z .sub-pop-wrap{background:#6086ba;width:1110px;padding:20px;height:auto;margin:55px auto;}
#subscript-z .sub-pop-wrap .pop-cont{position:relative;background:#fff;padding:35px 40px;}
#subscript-z h1{font-size:42px;color:#333;font-weight:700;padding:30px 0 40px 0;text-align:center;}
#subscript-z .tab ul li a{height:40px;line-height:40px;}
.z-list{display:none;padding:40px 45px;overflow:auto;}
.z-list.on{display:block;}
.z-list ul li{display:inline-block;float:left;width:30.5%;margin-left:4.25%;padding-bottom:30px;}
.z-list ul li.list1, .z-list ul li.list4, .z-list ul li.list7, .z-list ul li.list10{margin-left:0;}
.z-list ul li a p{font-size:15px;color:#666666;padding-top:5px;}
.z-list ul li a img{width:100%;}
.popz-x{position:absolute;right:20px;top:20px;}
.bul-rac{display:block;padding-left:10px;background: url('../image/sub/bul-rac.png') no-repeat left 11px;margin-left:10px;}
.bul_1{display:block;padding-left:20px;background: url('../image/sub/bul_1.png') no-repeat left 11px; padding-top: 5px;}
.bul_2{display:block;padding-left:20px;background: url('../image/sub/bul_2.png') no-repeat left 11px; padding-top: 5px;}
.bul_3{display:block;padding-left:20px;background: url('../image/sub/bul_3.png') no-repeat left 11px; padding-top: 5px;}
.bul_4{display:block;padding-left:20px;background: url('../image/sub/bul_4.png') no-repeat left 11px; padding-top: 5px;}
.bul_5{display:block;padding-left:20px;background: url('../image/sub/bul_5.png') no-repeat left 11px; padding-top: 5px;}
.box-line{border:1px solid #cdcdcd; padding:15px;margin-bottom:30px;}
.box-line p{font-size:15px;line-height:24px;color:#333;}
/******************************************************************************
* Media 1500px
******************************************************************************/
@media only screen and (max-width:1500px){
/*.sub-wrap{padding:190px 60px 70px 60px;}
.cont-wrap{padding:50px 50px 100px 50px; }
#content{padding-top:95px;}
.title-card{left:110px;}*/

}

@media only screen and (max-width:1300px){
#subscript-z .sub-pop-wrap{width:94%;padding:20px 3%;}
}
/******************************************************************************
* Media 1024px
******************************************************************************/
@media only screen and (max-width:1024px){
	#sub{width:100%;}
.sub-wrap{padding:30px;}
.title-card{position:inherit;top:0;left:0;height:auto;padding:0 30px;width:auto;box-shadow:none;padding-bottom:40px;}
.title-card label{margin:0;padding-left:0;padding-top:15px;}
.title-card select{width:100%;margin:0;}
.cont-wrap{padding:30px 30px 50px 30px;}
#content{padding-top:50px;}
.title-card h1.letter{letter-spacing:0px;}
.sub-wrap.sub-wrap-coverstory {padding:30px;}
.vis-wrap{display:none;}
.sub-wrap.sub-wrap-coverstory{    padding: 30px;}
.sub-wrap.sub-wrap-coverstory .title-card{top:inherit;}
.panel .report-top .left-img{width:100%;display:block;float:inherit;text-align:center;}
.panel .report-top .right-txt{width:100%;display:block;float:inherit;margin-top:30px;}
.report-top .btn-wrap{float:inherit;text-align:center;}
.btn-wrap li a.book{margin-right:25px;}
.report-top.interview .left-img{width:100%;display:block;float:inherit;text-align:center;}
.report-top.interview .right-txt{width:100%;display:block;float:inherit;padding-left:0;margin-top:30px;}
.sub-wrap.cover .title-card{height:auto;top:auto;}
.sub-wrap.cover{padding-top:30px;}

}


@media only screen and (max-width:800px){
.tab ul li a{font-size:16px;}
}


/******************************************************************************
* Media 768px
******************************************************************************/
@media only screen and (max-width:768px){
.sub-wrap{padding:20px;}
.title-card{position:absolute;width:93%;padding:0 3.5%;height:220px;}
.cont-wrap{padding:20px 20px 50px 20px;margin-top:225px;}
.navication{display:none;}
#content{padding-top:0;}
.tab{height:50px;margin-bottom:40px;}
.researcher{padding:30px 20px;}
.cover-tit {background:#f5f5f5;}
p {word-break:normal;}
.sub-wrap.sub-wrap-coverstory {padding:20px;}
.report-top .left-img{width:100%;padding-bottom:25px;display:block;float:inherit;text-align:center;}
.report-top .right-txt{width:100%;display:block;float:inherit;}
ul.interview-img li{width:100%;display:block;float:inherit;text-align:center;margin-left:0;margin-top:30px;}
ul.interview-img li:first-child{margin-top:0;}
.sub-wrap.cover .title-card{top:0;height:270px;}
.sub-wrap.cover .cont-wrap{margin-top:265px;}
#subscript .sub-pop-wrap{width:94%;padding:20px 3%;margin-top:0;}
#subscript-z .sub-pop-wrap{width:94%;padding:20px 3%;margin-top:0;}
.z-list{padding:15px 20px;}
#subscript .sub-pop-wrap .pop-cont{background:#fff;}
}



/******************************************************************************
* Media 640px
******************************************************************************/
@media only screen and (max-width:640px){
.title-card{width:92%;padding:0 4%;}
.tab ul li{display:block;float:inherit;}
.tab.menu3 ul li{width:100%;}
.tab ul li a{border-bottom:1px solid #ccc;margin-top:-1px;margin-left:0;}
.tab ul li.next a{border-left:1px solid #ccc;margin-top:0;}
.tab ul li.on a{border-bottom:2px solid #6086ba; }
.tab{height:auto;margin-bottom:40px;}
button.accordion{line-height:26px;padding:16px 35px 16px 16px;}
div.panel{padding:0 16px;}
.tab.menu2 ul li {width:100%;}
.tab.menu4 ul li{width:100%;}
.library-visual h2{font-size:20px;padding-top:55px;}
.library-visual h1{font-size:28px;padding-top:5px;}
.library-visual.new h3 span{font-size:22px;}
.btn-wrap li a.book1{margin-right:25px;}
.report-top p.tit-cont strong{float:left;position:inherit;}
.report-top p.tit-cont span{display:inline-block;padding-left:0px;}
.report-top p.txt-t{display:block;width:100%;font-weight:bold;}
.report-top p.txt-c{display:block;width:90%;padding-left:15px;background:none;margin-bottom:10px;}
}

@media only screen and (max-width:500px){
.title-card h1{font-size:30px;}
.title-card h2{font-size:20px;}
.title-card label{padding-top:35px;}

.btn-wrap li {margin:8px 0 0 0;}
.report-top p.pdlist{padding-left:0;}
.report-top p.cont{margin-left:0;}
.report-top p.pdlist.titnon{margin-top:0;}
.z-list ul li{width:100%;display:block;float:inherit;margin-left:0;padding-bottom:20px;}
}

@media only screen and (max-width:400px){
.report-top.interview{padding:20px 20px;}
}