/* =====================
	* sub
====================== */
/* sub left */
.sub-left{float: left;width: 925px;min-height: 1947px;padding-right: 15px;margin-bottom: 100px;margin-right: 15px;border-right: 1px solid #dddddd;}
.sub-title{padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #010101;}
.sub-title h3{font-size: 24px;font-weight: 700;line-height: 1.3em;}
.sub-conbox h4{margin-bottom: 20px;font-size: 20px;font-weight: 700;line-height: 1.3em;}
.sub-conbox h5{position: relative;margin-bottom: 15px;font-size: 18px;font-weight: 700;color: #0c4da2;line-height: 1.3em;}
.sub-conbox p{font-size: 16px;line-height: 25px;color: #666;}
.sub-conbox p strong{color: #010101;}
.sub-conbox p a{color: #666;}
.sub-conbox p a.link{color: #0d66aa;}

.sub-left .article-list-wrap{width: 100%;}
.sub-left .article-list > li{width:100%}
.sub-left .article-list > li .article-box{-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.sub-left .article-list > li:first-child .article-box{padding-top:0;}
.sub-left .article-list .article-box .figure-img{float:right;overflow: hidden;max-width:200px;max-height: 120px;margin-left:20px;border: 1px solid #dddddd;text-align: center;display: inline-block;table-layout:fixed;}
.sub-left .article-list .article-box .figure-img.figure-none{display:none;}
.sub-left .article-list .article-box .figure-img img{max-width: 100%;height: auto;}
.sub-left .article-list .article-box .tools{overflow:hidden;width:100%;}
.sub-left .article-list .article-box .tools .btn-abstract{float:left;margin-top:5px;}
.sub-left .article-list .article-box .tools .la-tag{float:right;}

.sub-left .article-list > li.list-mo{float: left;width: calc((100% - 16px)/2);margin-left: 15px;padding-left: 15px;border-left: 1px solid #dddddd;}
.sub-left .article-list > li.list-mo .article-box-movie{margin-top: 20px;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.sub-left .article-list > li.list-mo:nth-child(2n+1){margin-left: 0;border-left: 0;padding-left:0;}
.sub-left .article-list > li.list-mo:nth-child(-n+2) .article-box-movie{margin-top: 0;}
.sub-left .article-list > li.list-mo:hover .article-box-movie{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.2);}


.video-gallery-list > li{float: left;width: calc((100% - 16px)/2);margin-left: 15px;padding-left: 15px;border-left: 1px solid #dddddd;}
.video-gallery-list > li .article-box{padding: 25px 15px; background-color: #fff; border: 2px solid #eee;margin-top: 20px;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.video-gallery-list > li:nth-child(2n+1){margin-left: 0;border-left: 0;}
.video-gallery-list > li:nth-child(-n+2) .article-box{margin-top: 0;}
.video-gallery-list > li:hover .article-box{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.video-gallery-list > li .figure-img {overflow: hidden; position: relative; width: 100%; height: 210px; margin-bottom: 10px; border: 1px solid #dddddd; text-align: center;}
.video-gallery-list h4 {overflow: hidden;height: 80px; margin-bottom: 10px; font-size: 22px; font-weight: 700; line-height: 26px; color: #000000; }
.video-gallery-list {width: calc(100% + 17px);margin-left: -17px;}

/* editorial board */
.editorial-con strong{display: block;margin-bottom: 10px;font-size: 16px;font-weight: 700;}
.editorial-con dl{display: table;width: 100%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;table-layout: fixed;}
.editorial-con dl + dl{border-top: 0;}
.editorial-con dl:after{display: block;content: '';clear: both;}
.editorial-con dt, .editorial-con dd{padding: 10px;}
.editorial-con dt{display: table-cell;width: 30%;border-right: 1px solid #ddd;background: #f9f9f9;text-align: center;vertical-align: middle;}
.editorial-con dd{display: table-cell;width: 70%;line-height: 25px;vertical-align: middle;}
.editorial-con dd img{vertical-align: middle;}
.emeriti-box{margin-bottom:35px;border-radius:5px;background:#f9f9f9;padding:20px;color:#010101 !important}
.editorial-con.emeriti dt{display: table-cell;width: 30%;}
.editorial-con.emeriti dd{display: table-cell;width: 50%;border-right: 1px solid #ddd}
.editorial-con.emeriti dd:last-child{display: table-cell;width: 20%;border-right:0;text-align:center;}
.emeriti-box.ahead-box{margin-bottom:28px;font-size:16px;line-height:25px;}

/* subscription information */
.subscription-info li{font-size: 16px;line-height: 25px;color: #666;}
.subscription-info li strong{color: #010101;}
.subscription-info li a{color: #666;}

/* instruction for authos */
.top-btn-wrap{text-align: right;}
.top-btn-wrap .btn-down{display: inline-block;width: auto;padding: 6px 12px;margin: 3px;background-color: #46b3b7;border-radius: 4px;color: #fff;font-size: 14px;font-weight: 400;word-break: break-all;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.top-btn-wrap .btn-down .m-br{display: none;}
.top-btn-wrap .btn-down i{margin-left: 5px;margin-top: 2px;vertical-align: top;}
.top-btn-wrap .btn-down:hover{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}
strong + .list-type1{margin-top: 10px;}
.ex-con:after{display: block;content: '';clear: both;}
.ex-con .ex{display: inline-block;width: 100px;vertical-align: top;}
.ex-con .ex + p{display: inline-block;width: calc(100% - 105px);vertical-align: top;}

.download-list{position: relative;display: inline-block;vertical-align: middle;margin-bottom:10px;}
.download-list > span{display: inline-block;max-width:100%; width: 280px;border: 1px solid #ddd;font-size:16px; line-height:20px; background:#f9f9f9;}
.download-list > span > a{display: block;width: 100%;padding: 10px 13px 11px 15px;font-weight: 600;color: #222;text-decoration:none;}
.download-list > span > a i{display: inline-block;vertical-align: middle;}
.download-list > span > a i.xi-download{font-size:20px;margin-left:5px;}
.download-list > span > a i.xi-caret-down-min{float:right;font-size:28px;line-height:24px;}
.download-list > span.on{border-radius: 4px 4px 0 0; background: #0c4da2;border:0;}
.download-list > span.on > a{color: #fff;}
.download-list ul{display: none;position: absolute;top: 100%;width: 280px;border: 1px solid #0c4da2; border-top:0; color: #fff; z-index:5;}
.download-list ul > li{border-top: 1px solid #0c4da2;}
.download-list ul > li:first-child{border-top: 0;}
.download-list ul > li > a{font-size:15px; line-height:20px; display: block;width: 100%;padding: 7px 15px;background: #fff; color: #0c4da2;text-decoration:none;}
.download-list ul > li > a:hover{background: #0c4da2;color: #fff;border-radius:0;}

.authors-wrap{margin-top:10px;padding: 20px 0 15px 20px;background: #fafafa; border: 1px solid #ddd;}
.authors-wrap .txt{margin-bottom:10px;color: #333;font-weight:bold;font-size: 20px;}
.list-type4 > li{position: relative;line-height: 25px;margin-bottom:5px;}
.list-type4 > li a{color: #555;font-size: 17px; font-weight: 600;word-break:keep-all;}
.list-type4 > li:hover a{color:#0c4da2;text-decoration:underline;}


.authors-con{margin-top:50px;}
.authors-con .section03_tit h5{display: inline-block;width:calc(100% - 260px);font-size: 18px;font-weight: 700;color: #0c4da2;line-height: 1.3em;margin-bottom:0;}
.authors-con .goto_layer a{line-height:20px;}
.authors-con .section03_tit{border-bottom:0;}
.authors-con .goto_layer{border-bottom:1px solid #010101;}
.authors-con .authors-conbox{margin-top:20px;}
.authors-con .authors-conbox .indent{margin-left:10px;}
.authors-con .btn-download{font-size:16px;color:#0d66aa;font-weight:600;text-decoration:underline;}
.top-btn-wrap.text-left{text-align:left;}
.top-btn-wrap.text-center{text-align:center;}


/* video sumamry */
.video-rolling-wrap{width: 100%;}
.video-rolling-wrap.pc-show > div:not(:first-child){display: none;}
.video-rolling-con{width: 100%;}
.video-rolling-con img{width: 100%;}
.video-rolling-wrap .video-rolling-con:first-child{display: block;}
.video-rolling-wrap .slick-dots{width: 100%;margin-top: 10px;text-align: center;}
.video-rolling-wrap .slick-dots > li{display: inline-block;margin: 0 5px;}
.video-rolling-wrap .slick-dots > li button{overflow: hidden;width: 12px;height: 12px;background: #ccc;border-radius: 50%;border: 0;text-indent: -9999em;}
.video-rolling-wrap .slick-dots > li.slick-active button{background-color: #46b3b7;}

.bg-grey{background-color: #ebebeb;}
.video-box{padding: 30px;}
.video-box .video-img{float: left;}
.video-box img{width: 196px;}
.video-box .tit{display: block;margin-bottom: 15px;font-size: 18px;font-weight: 700;line-height: 1.3em;}
.video-box .video-con{float: left;width: calc(100% - 200px);padding-top: 10px;padding-left: 30px;}
.video-box .price{display: inline-block;margin-top: 15px;padding: 12px 15px;background-color: #fff;font-weight: 400;font-size: 14px;vertical-align: top;}
.video-box .price strong{display: inline-block;font-size: 18px;font-weight: 700;}
.video-box .price strong:first-child{position: relative;padding-right: 10px;margin-right: 10px;}
.video-box .price strong:first-child:before{display: block;content: '';clear: both;position: absolute;top: 1px;right: 0;width: 1px;height: 15px;background-color: #010101;}
.video-box .price + .btn-default{margin-top: 15px;margin-left: 10px;}
.video-summary-wrap .btn-default{padding: 9px 20px;background-color: #46b3b7;border: 1px solid #46b3b7;color: #fff;font-size: 16px;vertical-align: top;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.video-summary-wrap .btn-default:hover, .video-summary-wrap .btn-default:active{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}

.bg-box{width: 100%;padding: 30px;}
.bg-box .tit{display: block;margin-bottom: 30px;font-size: 20px;font-weight: 700;}
.bg-box .tit2{display: block;margin-bottom: 30px;}
.bg-box .price{display: inline-block;font-size: 24px;font-weight: 300;}
.bg-box .price > strong{display: inline-block;position: relative;margin-right: 15px;padding-right: 15px;}
.bg-box .price > strong:after{display: block;content: '';clear: both;position: absolute;top: 3px;right: 0;width: 1px;height: 20px;background-color: #fff;}
.bg-box .price i{margin-right: 5px;vertical-align: top;}
.bg-box.bg-blue{background-color: #2C5F99;color: #fff;}

.process-list{margin-bottom: 30px;text-align: center;}
.process-list > li{display: inline-block;margin: 0 15px;vertical-align: top;}
.process-list > li p{margin-top: 30px;font-size: 14px;color: #fff;line-height: 20px;}
.process-list + .btn-wrap .btn-default{padding: 9px 20px;font-size: 16px;}

.story-rolling-banner .img-con{font-size: 16px;line-height: 25px;color: #666;}
.story-rolling-banner .img-con strong{color: #010101;}
.story-rolling-banner .img-con img{float: right;margin-left: 30px;}
.story-rolling-banner .slick-dots{width: 100%;margin-top: 10px;text-align: center;}
.story-rolling-banner .slick-dots > li{display: inline-block;margin: 0 5px;}
.story-rolling-banner .slick-dots > li button{overflow: hidden;width: 12px;height: 12px;background: #ccc;border-radius: 50%;border: 0;text-indent: -9999em;}
.story-rolling-banner .slick-dots > li.slick-active button{background-color: #46b3b7;}

.acco-tit{display: block;margin-bottom: 15px;font-size: 16px;font-weight: 500;}
.acco-tit.on{font-weight: 700;}
.acco-tit i{margin-top: 1px;vertical-align: top;}
.acco-con{display: none;margin-bottom: 30px;padding-left: 20px;font-size: 16px;line-height: 25px;color: #666;}

.video-wrap{position: relative;height: 0;padding-bottom: 56.25%;}
.video-wrap > iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-gallery-list > li .figure-img > a{position: relative;display: block;width: 100%;height: 100%;cursor:auto;}
.video-gallery-list > li .figure-img > a img{width: 100%;height: 100%;}
.video-gallery-list > li .figure-img > a:before{display: block;content: '';clear: both;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-image: url('/asset/images/sub/ic-play.png');background-color: rgba(0,0,0,0.1);-webkit-transition: 0.2s all ease;transition: 0.2s all ease;}
.video-gallery-list > li .figure-img > a:hover:before{background-color: rgba(0,0,0,0.5);cursor:auto;}
.video-gallery-list .article-contents h4{font-size: 20px;font-weight: 700;line-height: 25px;color: #000000; -webkit-transition: 0.2s ease;transition: 0.2s ease;}
.btn-youtube{display: block;}
.btn-youtube span{display: inline-block;float: right;padding: 6px 0;font-family: 'Roboto',sans-serif;font-size: 14px;color: #ff7e00;font-weight: 500;text-decoration: underline;}

/* video popup */
.video-popup .close{opacity: 1;display: inline-block;width: 24px;height: 24px;margin-top: 0;color: #010101;font-size: 24px;line-height: 25px;}
.video-popup .modal-dialog{margin: 100px auto;}
.video-popup .modal-title{display: inline-block;width: calc(100% - 30px);font-size: 18px;font-weight: 700;color: #0c4da2;}
.video-popup .btn-default{background-color: #46b3b7;border: 1px solid #46b3b7;color: #fff;font-size: 16px;vertical-align: top;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.video-popup .btn-default:hover, .video-popup .btn-default:focus{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}

/* video form */
.fsSection + .fsSection{margin-top: 70px;}
.video-form div.fsError{line-height: 1.3em;}
.video-form .fsBody{padding: 0;}
.video-form .fsBody .fsForm{padding: 0;}
.video-form .fsBody .fsSectionHeader{padding: 15px 0;}
.video-form .fsBody .fsForm .fsSectionHeading{margin-bottom: 0;font-size: 20px;font-weight: 700;color: #010101;}
.video-form .fsBody .fsSupporting{margin-top: 10px;font-size: 14px;color: #0c4da2;font-weight: 400;line-height: 1.3em;}
.video-form .fsBody .fsLabel, .video-form .fsBody label{color: #010101;font-weight: 700;line-height: 1.3em;}
.video-form .fsBody .fieldset-content .fsOptionLabel.horizontal{font-weight: 400;}
.wf-active .fsBody, .wf-active .fsBody input, .wf-active .fsBody select, .wf-active .fsBody textarea{font-family: 'Muli', 'Noto Sans KR', sans-serif !important;font-size: 16px;font-weight: 400;color: #010101;}
.wf-active .fsBody input[type="button"]{border-radius: 4px;color: #fff !important;font-size: 12px;}
.video-form .fsRowBody input[type=checkbox], .video-form .fsRowBody input[type=radio]{margin: -5px 7px 0 0;}
.fsRowBody input[type=checkbox]:before, .fsRowBody input[type=checkbox]:checked:before, .fsRowBody input[type=radio]:before, .fsRowBody input[type=radio]:checked:before{vertical-align: top;}
.fsSubmit input.fsSubmitButton{padding: 10px 20px !important;background-color: #46b3b7 !important;border: 1px solid #46b3b7 !important;border-radius: 4px !important;color: #fff;font-size: 16px !important;vertical-align: top;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.fsSubmit input.fsSubmitButton:hover, .fsSubmit input.fsSubmitButton:focus{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}

/* video form success */
.success-box{padding: 50px 30px;}
.success-box h5{margin-bottom: 25px;font-size: 20px;}
.success-box .check-mark{display: block;width: 70px;height: 70px;margin: 0 auto;background-color: #46b3b7;border-radius: 50%;font-size: 50px;color: #fff;text-align: center;}
.success-box .check-mark i{padding: 10px;}

/* policy */
.ic-cc{position: absolute;top: 0;right: 0;}
.btn-wrap .btn-default.btn-permission{padding: 8px 30px;font-size: 16px;}

/* policy popup */
#pop-wrap{padding: 30px 20px 30px;font-size: 14px;line-height: 22px;color: #666;}
#pop-wrap h3{padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #010101;font-size: 22px;font-weight: 700;color: #010101;line-height: 1.3em;}
#pop-wrap h4{margin-bottom: 10px;font-size: 18px;font-weight: 700;color: #0c4da2;line-height: 1.3em;}
#pop-wrap .form-group{width: 100%;margin-bottom: 10px;}
#pop-wrap .form-group label{display: inline-block;width: 30%;padding: 0 5px;font-size: 14px;font-weight: 400;}
#pop-wrap .form-group .form-control{display: inline-block;width: 65%;vertical-align: middle;}
#pop-wrap .form-control.w30p{width: 30%;}
#pop-wrap .form-control.w100p{width: 100%;}
#pop-wrap  strong, #pop-wrap  label{color: #010101;}
#pop-wrap .form-box.n4{float: left;width: 25%;}
#pop-wrap .form-box.n4 label{width: auto;}
#pop-wrap .form-box.n3{float: left;width: 33.33%;}
#pop-wrap .form-box.n3 label{width: auto;}
#pop-wrap .form-box.n2{float: left;width: 50%;}
#pop-wrap .form-box.n2 > label{width: 68%;}
#pop-wrap .form-box.n2 > label  + .form-control{width: 30%;}
#pop-wrap .form-group.radio-form-group .radio > label{width: auto;}
#pop-wrap .form-group.radio-form-group .radio:after{display: block;content: '';clear: both;}
#pop-wrap .form-group.radio-form-group label{width: 40%;}
#pop-wrap .form-group.radio-form-group label + .radio{display: inline-block;width: 58%;}
#pop-wrap .form-group.radio-form-group label + .radio label{padding-left: 20px;}
#pop-wrap .signature.form-group label{width: auto;margin: 0 10px;}
#pop-wrap .btn-wrap{padding-top: 30px;border-top: 1px solid #ddd;}
#pop-wrap .btn-wrap .btn-default{padding: 8px 30px;font-size: 16px;}

.ex-con .ex{display: block;width: 100%;margin-bottom: 5px;}
.ex-con .ex + p{display: block;width: 100%;}

.btn-wrap .btn-default.btn-permission{padding: 6px 15px;font-size: 14px;}

/* archives */
.artic-next-prev-wrap{margin-bottom: 30px;text-align: center;}
.artic-next-prev-wrap strong{display: inline-block;font-size: 18px;vertical-align: middle;}
.artic-next-prev-wrap:after{display: block;content: '';clear: both;}
.artic-next-prev-wrap a{padding: 5px 10px;background-color: #0c4da2;border-radius: 50px;font-family: 'Roboto',sans-serif;font-size: 13px;font-weight: 300;color: #fff;}
.artic-next-prev-wrap a.lt_prev{float: left;}
.artic-next-prev-wrap a.gt_next{float: right;}

.search-menu:after{display: block;content: '';clear: both;}
a.btn-archives{display: inline-block;padding: 10px 20px;border-radius: 4px;background-color: #46b3b7;color: #fff;font-size: 16px;}
a.btn-archives i{vertical-align: middle;}

.archive-search-wrap{display: none;width: 100%;padding: 25px;margin-top: 30px;background-color: #fff;border: 1px solid #ddd;}
.archive-search-wrap .tit{display: inline-block;width: 160px;height: 40px;font-size: 16px;font-weight: 700;line-height: 40px;vertical-align: top;}
.archive-search-wrap .keyword-wrap{display: inline-block;width: calc(100% - 165px);vertical-align: top;}
.archive-search-wrap .keyword-row{margin-bottom: 5px;}
.archive-search-wrap .keyword-wrap .form-control{display: inline-block;height: 40px;background-color: #fff;border-radius: 0;border: 1px solid #ddd;font-weight: 400;vertical-align: top;}
.archive-search-wrap .keyword-wrap select{width: 25%;}
.archive-search-wrap .keyword-wrap select + span{display: inline-block;width: 5%;height: 40px;vertical-align: middle;text-align: center;line-height: 40px;}
.archive-search-wrap .keyword-wrap input[type="text"]{width: 50%;}
.archive-search-wrap .keyword-wrap input[type="text"] + select{width: 22%;}
.archive-search-wrap .box02{margin-top: 20px;padding-top: 20px;border-top: 1px dashed #ddd;}
.archive-search-wrap .btn-wrap{margin-top: 30px;padding-top: 30px;border-top: 1px solid #ddd;}
.archive-search-wrap .btn-wrap .btn{padding: 7px 30px;font-size: 16px;}

#archives-list{width: 100%;padding: 25px;margin-top: 30px;background-color: #fff;border: 1px solid #ddd;}
#archives-list .arrange{padding: 10px 0;border-bottom: 1px solid #ddd;}
#archives-list .arrange:first-child{border-top: 1px solid #ddd;}
.year-list strong{display: inline-block;width: 60px;padding: 5px 7px;font-size: 16px;font-weight: 700;vertical-align: top;}
.year-list .year-wrap{display: inline-block;width: calc(100% - 65px);vertical-align: top;}
.year-list .year-wrap a{display: inline-block;padding: 5px 7px;font-size: 16px;font-weight: 500;color: #0c4da2;vertical-align: middle;}
.year-list .year-wrap a.on{background-color: #0c4da2;border-radius: 4px;color: #fff;}
.tab-year-content{margin-top: 15px;padding: 15px;border: 1px solid #ddd;}
.tab-year:after{display: block;content: '';clear: both;}
.tab-year div{float: left;width: 50%;margin: 5px 0;}
.tab-year div > a{display: block;position: relative;padding-left: 20px;font-size: 16px;}
.tab-year div > a:before{display: block;content: '\e934';clear: both;position: absolute;top: 0;left: 0;font-family: 'xeicon';-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* article view */
.section01 > h2{margin-bottom: 20px;font-size: 20px;font-weight: 700;line-height: 1.3em;}
#origin_a{position: relative;}
.crossmark{position: absolute;top: -48px;right: 0;width: 150px;}
.origin-section{font-size: 16px;line-height: 25px;color: #666;}
.origin-section a{color: #666;}
.origin-section p{margin-bottom: 15px;}
.origin-section p strong{color: #010101;}
.origin-section > h2{margin-bottom: 10px;font-size: 18px;font-weight: 700;color: #0c4da2;line-height: 1.3em;}
.origin_section02 p a{color: #0d66aa;}
.origin_date strong{color: #010101;}
.origin_section03{margin-top: 50px;}
.section03_tit{display: block;border-bottom: 1px solid #010101;}
.section03_tit h3{display: inline-block;font-size: 18px;font-weight: 700;color: #010101;line-height: 1.3em;}
.go_section p b{color: #010101;}
.go_section a{color:#0088dd}
.goto_layer{display: inline-block;min-width: 252px;float: right;position: relative;margin-top: -5px;border: 1px solid #010101;border-bottom: 0;}
.goto_layer > a{display: inline-block;width: 100%;height: 35px;padding: 6px 10px 8px;font-size: 14px;font-weight: 500;color: #222;}
.goto_layer > a i{float: right;margin: 5px 0;}
.go_list{display: none;position: absolute;left: -1px;z-index: 1;min-width: 252px;border-top: 1px solid #010101;}
.go_list > li{width: 100%;background: #fff;border: 1px solid #010101;border-top: 0;-webkit-transition: 0.1s ease;transition: 0.1s ease;}
.go_list > li > a{display: block;width: 100%;padding: 8px 10px;background: #fff;font-size: 14px;color: #010101;}
.go_list > li > a:hover{background: #0c4da2;color: #fff;}

/* sub right */
.sub-right{float: right;width: calc(100% - 940px);} 
.right-conbox .right-title.border{padding-bottom: 10px;border-bottom: 1px solid #010101;}
.right-conbox .right-title.border h3{margin-bottom: 0;}
.right-conbox .article-list-wrap{border: 0;}
.right-conbox .article-list-wrap .right-title{padding-bottom: 10px;border-bottom: 1px solid #010101;}
.right-conbox .article-list-wrap .right-title > h3{display: inline-block;margin-bottom: 0;}
.right-conbox .article-list-wrap .btn-more{float: right;display: inline-block;margin-top: 10px;color: #0c4da2;font-family: 'Roboto',sans-serif;font-size: 14px;font-weight: 500;}
.right-conbox .related-list-wrap{position: relative;}
.right-conbox .related-list-wrap .btn-more{position: absolute;top: 0;right: 0;}
.right-conbox .article-list-wrap .article-list > li{border-bottom: 1px solid #ddd;}
.right-conbox .article-list-wrap .article-list > li .article-box{padding: 15px 0;border: 0;}
.right-conbox .article-list-wrap .article-list > li .article-box h4{height: 60px;font-size: 18px;line-height: 22px;}
.right-conbox .article-list-wrap .article-list > li .article-box h4 > a{font-size: 16px;line-height: 20px;}
.right-conbox .article-list-wrap .article-list > li .article-box .wr-info{height: 42px;font-size: 14px;line-height: 20px;color: #666;}
.right-conbox .article-list-wrap .article-list > li .article-box .vol-info{margin-bottom: 10px;font-size: 14px;}
.right-conbox .article-list-wrap .article-list > li .article-box .doi-link{margin-bottom: 0;}

.right-conbox .template-box a{display:block;border:1px solid #a5cce5;margin-bottom:8px;padding:8px 20px; line-height:20px; text-align:left;width:100%;color:#3a87b8;font-size:15px; border-radius:50px;}
.right-conbox .template-box a i{color:#3a87b8; vertical-align:top; margin-left:2px; margin-top:3px;}

.tools-list > li{float: left;width: 50%;height: 45px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
.tools-list > li:nth-child(2n+1){border-left: 0;}
.tools-list > li > a{display: table;width: 100%;height: 45px;font-size: 14px;table-layout: fixed;}
.tools-list > li > a span{display: table-cell;padding: 10px 15px;vertical-align: middle;}
.tools-list > li > a img{margin-right: 5px;}

.supplementary-link{display: block;margin-top: 15px;width: 100%;padding: 15px 20px;border: 1px solid #eee;border-radius: 4px;}
.supplementary-link img{margin-right: 5px;}

.metrics-list{margin-top: 15px;}
.metrics-list > li{width: 100%;margin-top: 5px;}
.metrics-list > li:first-child{margin-top: 0;}
.metrics-list > li > a{display: block;width: 100%;padding: 15px 20px;border: 1px solid #eee;border-radius: 4px;}
.metrics-list > li > a .click-num{display: inline-block;float: right;font-weight: 700;color: #d31126;}

.sns-conbox{background-color: #edf3f8;border-radius: 5px;padding: 25px 20px;}
.sns-conbox .right-title h3{font-size: 18px;}
.sns-list > li{display: inline-block;margin-right: 6px;}
.sns-list > li > a{display: block;}


/*¿Àµð¿À¼­¸Ó¸®*/
.audio-summary{width:100%;}
.audio-summary .btn-default{padding: 9px 20px;background-color: #46b3b7;border: 1px solid #46b3b7;color: #fff;font-size: 16px;vertical-align: top;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.audio-summary .btn-default:hover, .audio-summary .btn-default:active{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}
.audio-summary .audio-banner-wrap{padding-bottom:15px;}
.audio-summary .audio-banner-wrap img{width:100%;margin-bottom:15px;}

.audio-summary .video-box{margin-bottom:30px;}
.audio-summary .video-box img{width:240px;}
.audio-summary .video-box{padding: 20px;}
.audio-summary .video-box .video-con{float: left;width: calc(100% - 260px);padding-top: 20px;padding-left: 40px;}
.audio-summary .video-box .video-con .value{font-size:12px;padding-left:15px;}

.audio-summary h5.title{color:#000;font-size:18px;font-weight:700;text-decoration:underline;margin-bottom:10px;line-height:1em;}
.audio-summary .txt-con{margin-bottom:40px}

.audio-summary .article-contents h4{height:54px;}
.audio-summary .article-box .tools{background:#f1f3f4}
.audio-summary .article-box .tools audio{width:100%;}

.article-list-wrap .article-box .tools audio{width:100%;}



/* =====================
	* common
====================== */
a.link{color: #0d66aa;word-break: break-all;}
a.link:hover, a.link:focus{color: #0d66aa;text-decoration: underline;}

.table-wrap{width: 100%;border-top: 2px solid #0c4da2;overflow-x:auto;}
.cst-table{width: 100%;table-layout: fixed;}
.cst-table th, .cst-table td{padding: 10px;border: 1px solid #ddd;font-size: 14px;font-weight: 400;text-align: center;line-height: 1.3em;vertical-align: middle;}
.cst-table th{padding: 12px 10px;background-color: #e9eef8;font-weight: 600;font-size:16px;}
.cst-table th.text-left{padding-left: 20px;text-align: left;}
.cst-table td.text-left{padding-left: 20px;text-align: left;}
.border-table td, .border-table td{padding: 10px;font-size:16px;color:#666;}
.border-table th:first-child, .border-table td:first-child{border-left: 0;}
.border-table th:last-child, .border-table td:last-child{border-right: 0;}
.border-table th.line ,.border-table tr.line td{border-bottom:1px solid #0c4da2;}

.decimal-list{margin-left: 20px;}
.decimal-list.strong > li{font-weight: 700;color: #010101;}
.decimal-list > li{font-size: 16px;line-height: 25px;color: #666;list-style: decimal;}
.decimal-list > li strong{color: #010101;}

.list-type1 > li{position: relative;padding-left: 12px;font-size: 16px;line-height: 25px;color: #666;}
.list-type1 > li:before{display: block;content: '';clear: both;position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #666;border-radius: 50%;}
.list-type1 > li strong{color: #010101;font-weight: 500;}

.num-list > li{font-size: 16px;line-height: 25px;color: #666;}
.num-list > li:after{display: block;content: '';clear: both;}
.num-list > li .num{display: inline-block;width: 25px;vertical-align: top;}
.num-list > li .num + div{display: inline-block;width: calc(100% - 30px);vertical-align: top;}
.num-list > li strong{color: #010101;}
.num-list > li a{color: #666;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.pl30p{padding-left: 30%;}

.help{display: block;font-size: 12px;color: #0c4da2;}

.color-blue{color: #0c4da2 !important;}

.btn-wrap .btn-default{display: inline-block;padding: 6px 12px;margin: 3px;background-color: #46b3b7;border: 1px solid #46b3b7;border-radius: 4px;color: #fff;font-size: 14px;font-weight: 400;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.btn-wrap .btn-default:hover, .btn-wrap .btn-default:focus{background-color: #fff;border: 1px solid #46b3b7;color: #46b3b7;}
.btn-wrap .bg-grey{background: #888;color: #fff;}

.pc-show{display: block;}
.m-show{display: none;}


/* =====================
	* media
====================== */
@media (max-width: 1300px){
	.sub-left{width: 70%;}
	.video-box img{width: 150px;}
	.video-box .video-con{width: calc(100% - 155px);padding-top: 0;}
	.bg-box.bg-blue{padding: 30px 0;}
	.process-list:after{display: block;content: '';clear: both;}
	.process-list > li{float: left;display: block;width: 33.33%;margin: 0;padding: 0 15px;}
	.process-list > li br{display: none;}

	.sub-right{width: calc(30% - 15px);}
}

@media (max-width: 1024px){
	.sub-left{float: none;width: 100%;min-height: auto;margin-right: 0;padding-right: 0;border-right: 0;}
	.sub-title{padding-bottom: 10px;margin-bottom: 20px;}
	.sub-title h3{font-size: 22px;}
	.sub-conbox h4{margin-bottom: 15px;font-size: 20px;}
	.sub-conbox h5{margin-bottom: 7px;font-size: 18px;}

	.video-box .price{padding: 9px 15px;}
	.process-list + .btn-wrap .btn-default{padding: 7px 15px;font-size: 14px;}
	.bg-box .tit{font-size: 18px;}
	.bg-box .tit2{font-size: 24px;}
	.video-summary-wrap .btn-default{padding: 7px 15px;font-size: 14px;}
	.acco-tit{margin-bottom: 10px;}
	.acco-con{margin-bottom: 20px;}

	.success-box{padding: 30px;}
	.success-box h5{margin-bottom: 25px;}

	.section01 > h2{font-size: 20px;}

	.sub-right{float: none;width: 100%;margin-top: 70px;padding-left: 0;padding-right: 0;}
}

@media (max-width: 768px){
	.sub-title h3{font-size: 20px;}
	.sub-conbox h4{margin-bottom: 10px;font-size: 18px;}
	.sub-conbox h5{margin-bottom: 10px;font-size: 16px;}
	.sub-conbox h5:after{display: block;content: '';clear: both;}
	.sub-conbox p{font-size: 14px;line-height: 22px;}

	a.btn-archives{padding: 10px 15px;font-size: 14px;}
	.archive-search-wrap{padding: 20px;}
	.archive-search-wrap .tit{display: block;width: 100%;height: auto;margin-bottom: 15px;font-size: 14px;line-height: 1em;}
	.archive-search-wrap .keyword-wrap{display: block;width: 100%;}
	.archive-search-wrap .keyword-wrap .form-control{height: 35px;font-size: 14px;}
	.archive-search-wrap .btn-wrap{margin-top: 20px;padding-top: 20px;}
	#archives-list{padding: 20px;}
	.year-list strong{font-size: 14px;}
	.year-list .year-wrap a{font-size: 14px;}
	.tab-year div{width: 100%;margin: 7px 0;}
	.tab-year div > a{font-size: 14px;}
	.archive-search-wrap .btn-wrap .btn{padding: 6px 12px;font-size: 14px;}

	.artic-next-prev-wrap a{font-size: 11px;}
	.artic-next-prev-wrap strong{display: block;width: 100%;padding-top: 35px;font-size: 14px;}

	.sub-left .article-list .article-box .figure-img{float:none;display:none;margin:20px auto 10px auto;}
	.sub-left .article-list > li.list-mo{float: none;width: 100%;margin-left: 0;padding-left: 0;margin-bottom: 15px;border-left:0;}

	.editorial-con dl{display: block;width: 100%;}
	.editorial-con dt, .editorial-con dd{padding: 7px;}
	.editorial-con dt{display: block;width: 100%;border-right: 0;border-bottom: 1px solid #ddd;}
	.editorial-con dd{display: block;width: 100%;text-align:center;}
	.editorial-con.emeriti dt{display: block;width: 100%;}
	.editorial-con.emeriti dd{display: block;width: 100%;text-align:center;border-right:0;}
	.editorial-con.emeriti dd:last-child{display: block;width: 100%;padding-top:0;}

	/* edit */
	.edit-office .border-box img{height:35px;}
	.edit-office .border-box .text-wrap{line-height:35px;}

	.right-conbox .article-list-wrap .article-list > li .article-box h4{font-size: 16px;}
	.right-conbox .article-list-wrap .article-list > li .article-box h4 > a{font-size: 16px;}
	.right-conbox .article-list-wrap .btn-more{margin-top: 5px;font-size: 12px;}

	.subscription-info li{font-size: 14px;line-height: 22px;}

	.top-btn-wrap .btn-down{font-size: 12px;}
	.top-btn-wrap .btn-down .m-br{display: block;line-height: 1.2em;}
	strong + .list-type1{margin-top: 5px;}

	.ic-cc{display: block;float: right;position: static;top: auto;right: auto;margin-top: 5px;}
	.ic-similarity{width: 100px;}

	.video-rolling-wrap.m-show > div:not(:first-child){display: none;}
	.video-rolling-wrap .slick-dots > li{margin: 0 3px;}

	.video-box{padding: 20px;}
	.video-box .video-img{float:none; text-align:center; margin-bottom:15px;}
	.video-box img{width: 80px;}
	.video-box .video-con{width:100%;padding-left: 0;}
	.video-box .tit{margin-bottom: 10px;font-size: 16px;}
	.video-box .price{width: 100%;line-height: 1.2em;text-align: center;}
	.video-box .price strong{font-size: 16px;}
	.video-box .price + .btn-default{float: right;margin-left: 0;}
	.audio-summary .video-box .video-con{width:100%;padding-left: 0;}
	.audio-summary .video-box img {width:150px}

	.bg-box{padding: 20px;}
	.story-rolling-banner .slick-dots > li{margin: 0 3px;}
	.story-rolling-banner .img-con{font-size: 14px;line-height: 22px;}
	.story-rolling-banner .img-con img{max-width: 50%;width: 150px;}

	.process-list > li{float: none;width: 100%;padding: 0;margin-top: 10px;text-align: left;}
	.process-list > li:first-child{margin-top: 0;}
	.process-list > li:after{display: block;content: '';clear: both;}
	.process-list > li .icon{float: left;width: 80px;}
	.process-list > li .icon + p{float: left;width: calc(100% - 85px);padding-left: 15px;margin-top: 0;padding-top: 15px;}

	.bg-box.bg-blue{padding: 20px;}
	.bg-box .tit{margin-bottom: 20px;font-size: 16px;}
	.bg-box .tit2{margin-bottom: 20px;font-size: 20px;}
	.bg-box .price{font-size: 20px;}
	.bg-box .price > strong:after{height: 15px;}

	.acco-tit{font-size: 14px;}
	.acco-tit i{margin-top: 0;}
	.acco-con{font-size: 14px;line-height: 22px;}

	.success-box{padding: 30px 15px;}
	.success-box h5{font-size: 16px;margin-bottom: 25px;}
	.success-box .check-mark{width: 50px;height: 50px;font-size: 35px;}
	.success-box .check-mark i{padding: 8px;}

	.video-gallery-list > li .figure-img > a img{width: auto;}
	.video-popup .modal-dialog{width: 95%;margin: 100px auto;}
	.video-popup .modal-title{font-size: 16px;}
	.video-popup .close{font-size: 20px;}
	.video-popup .btn-default{font-size: 14px;}
			
	.video-gallery-list > li{float: none;width: 100%;margin-left: 0;padding-left: 0;border-left: 0;margin-bottom:10px;}
	.video-gallery-list > li .article-box{padding: 15px;}
	.video-gallery-list .article-contents h4 {height: 68px; margin-bottom: 10px; font-size: 16px;line-height: 22px; }
	.video-gallery-list {width: 100%;margin-left: 0;}

	.fsSection + .fsSection{margin-top: 40px;}
	.fsborderradius .fsBody .fsSectionHeader{margin-bottom: 20px !important;}
	.video-form .fsBody .fsSectionHeader{padding: 10px 0;}
	.video-form .fsBody .fsForm .fsSectionHeading{font-size: 16px;}
	.video-form .fsBody .fsSupporting{font-size: 12px;}
	.video-form .fsBody .fsLabel, .video-form  .fsBody label{font-size: 14px;}
	.wf-active .fsBody, .wf-active .fsBody input, .wf-active .fsBody select, .wf-active .fsBody textarea{font-size: 14px;}
	.video-form .fsForm .fsSubmit{margin-top: 20px;}
	.fsSubmit input.fsSubmitButton{width: auto !important;font-size: 14px !important;}
 
 	.sub-left .article-list-wrap{width: 100%;margin-left: 0;}
	.sub-left .article-list > li{float: none;width: 100%;margin-left: 0;margin-top: 0 !important;margin-bottom: 15px;padding-left: 0;border-left: 0;}
	.sub-left .article-list > li:nth-child(-n+2) .article-box{margin-top: 0;}

	.section01 > h2{font-size: 18px;}
	.crossmark{display: block;position: static;top: auto;right: auto;margin-bottom: 10px;}
	.origin-section{font-size: 14px;line-height: 22px;}
	.origin-section p{margin-bottom: 10px;}
	.origin-section > h2{margin-bottom: 7px;font-size: 16px;}
	.origin_section03{margin-top: 30px;}
	.section03_tit{position: relative;margin-bottom: 50px;}
	.section03_tit h3{margin-bottom: 10px;}
	.goto_layer > a{height: 35px;border-bottom: 1px solid #010101;font-size: 12px;}
	.go_list{min-width: 202px;border-top: 0;}
	.go_list > li > a{padding: 7px 10px;font-size: 12px;}

	.tools-list > li > a{font-size: 12px;}
	.tools-list > li > a span{padding: 8px;}
	.tools-list > li > a img{margin-right: 3px;}

	.metrics-list > li > a{padding: 15px;font-size: 12px;}

	.sns-conbox{padding: 15px 20px;}

	/* instruction for authos */
	.authors-wrap{padding: 15px 0 10px 15px;}
	.authors-wrap .txt {font-size: 17px;}
	.list-type4 > li a {font-size:15px;}
	.authors-con .section03_tit h5 {width:100%;}
	.authors-con .goto_layer{border-bottom:0;bottom:-38px;}


	/* policy popup */
	#pop-wrap{padding: 30px 15px 30px;}
	#pop-wrap h3{font-size: 20px;}
	#pop-wrap h4{font-size: 16px;}
	#pop-wrap .form-group label{width: 100%;padding: 0;}
	#pop-wrap .form-group label + .form-control{width: 100%;}
	#pop-wrap .form-control.w30p{width: 80%;}
	#pop-wrap .form-box.n4{float: left;width: 100%;}
	#pop-wrap .form-box.n4 label{width: auto;}
	#pop-wrap .form-box.n3{float: left;width: 100%;}
	#pop-wrap .form-box.n3 label{width: auto;}
	#pop-wrap .form-box.n2{float: left;width: 100%;}
	#pop-wrap .form-box.n2 > label{width: 108%;}
	#pop-wrap .form-box.n2 > label  + .form-control{width: 100%;}
	#pop-wrap .form-group.radio-form-group .radio > label{width: 100%;}
	#pop-wrap .form-group.radio-form-group label{width: 100%;}
	#pop-wrap .form-group.radio-form-group label + .radio{display: inline-block;width: 100%;}
	#pop-wrap .form-group.radio-form-group label + .radio label{width: 100%;padding-left: 20px;}
	#pop-wrap .radio-inline+.radio-inline{margin-left: 0;}
	#pop-wrap .signature.form-group{text-align: left;}
	#pop-wrap .signature.form-group .form-control{width: 100%;}
	#pop-wrap .signature.form-group label{width: 100%;margin: 0;}
	#pop-wrap .btn-wrap{padding-top: 30px;border-top: 1px solid #ddd;}
	#pop-wrap .btn-wrap .btn-default{padding: 6px 15px;font-size: 14px;}

	.goto_layer{position: absolute;min-width: 200px;right: 0;bottom: -45px;}
	.goto_layer > a{min-width: 200px;}
	.go_list > li{min-width: 200px;}

	.table-wrap .cst-table{width: 900px;}
	.cst-table th, .cst-table td{padding: 8px 5px;word-break: break-all;font-size:15px;}	

	.decimal-list > li{font-size: 14px;line-height: 22px;}

	.list-type1 > li{font-size: 14px;line-height: 22px;}
	.list-type1 > li:before{top: 9px;}

	.num-list > li{font-size: 14px;line-height: 22px;}
	.num-list > li .num{width: 20px;}
	.num-list > li .num + div{width: calc(100% - 25px);}

	.mb20{margin-bottom: 10px;}
	.mt30{margin-top: 15px;}
	.mt50{margin-top: 35px;}
	.pl30p{padding-left: 0;}

	.pc-show{display: none;}
	.m-show{display: block;}
}

@media (max-width: 420px){
	.cst-table th, .cst-table td{font-size: 12px;}
	.cst-table th.text-left{padding-left: 5px;}
}