@charset 'utf-8';
input:focus::{color:transparent !important;}
input:focus::-webkit-input-placeholder{color:transparent !important;}
input:focus::-moz-placeholder{color:transparent !important;}
input:focus:-ms-input-placeholder{color:transparent !important;}
input:focus::-ms-input-placeholder{color:transparent !important;}

.more-button{display:none;}
.pagenation {text-align:center; margin-top:90px;}
.pagenation > a{display:inline-block; vertical-align:middle;  width:40px; height:40px; border-right:0;}
.pagenation > a.first{margin-right:-7px;}
.pagenation > a.last{margin-left:-5px;}
.pagenation > a img{display:block; vertical-align:middle;}
.pagenation ul {display:inline-block; vertical-align:middle; margin:0 20px;}
.pagenation ul li {display:inline-block; width:40px; height:40px; line-height:38px; margin-right:-5px;}
.pagenation ul li > a{display:block; vertical-align:middle; font-size:17px; font-family:'HMHMedium'; border:1px solid #dde1e4; border-right:0;}
.pagenation ul li > a.on{color:#01549e; border-color:#01549e; border-right:1px solid #01549e;}
.pagenation ul li:last-child{border-right:1px solid #ddd;}

div.besides-list{border-top:1px solid #444; border-bottom:1px solid #444; margin-top:30px;}
div.besides-list .list-subject{border-top:1px solid #dfdfdf; padding:19px 0;}
div.besides-list .list-subject:first-child{border-top:0;}
div.besides-list .list-subject:after{clear:both; display:block; overflow:hidden; content:""; height:0}
div.besides-list .list-subject:first-child span{background:url('/images/common/ico/b_arrow.png') no-repeat right center;}
div.besides-list .list-subject span{color:#01549e; font-size:18px; font-family:'HMHMedium'; display:block; float:left; width:150px; padding-left:35px; box-sizing:border-box; background:url('/images/common/ico/b_arrow2.png') no-repeat right center; margin-right:45px;}
div.besides-list .list-subject p{float:left; width:calc(100% - 195px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#676767; font-size:18px; font-family:'HMHLight'}
div.besides-list .list-subject p a{color:#676767; font-size:18px; font-family:'HMHLight'; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; vertical-align:middle;}

.checkbox {display:inline-block; position:relative;  font-size:0;color:#555;}
.checkbox input[type="checkbox"], .radiobox input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; box-sizing:border-box;}
.checkbox label{display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle;}
.checkbox input[type="checkbox"]:checked ~ label .checkbox-text {color:#007bc8;}

.check-type1 label .check-image{display:inline-block; width:33px;height:33px; background:url('/images/industrial/ico/ico_chk_type1_unchecked.png') no-repeat; cursor:pointer; vertical-align:middle; margin-right:15px}
.check-type1 label span{word-break:break-all; vertical-align:middle; font-size:18px; color:#676767;}
.check-type1 input[type="checkbox"]:checked ~ label i {background:url('/images/industrial/ico/ico_chk_type1_checked.png') no-repeat;}

.check-type2 label .check-image{display:inline-block; width:20px;height:20px; background:url('/images/industrial/ico/check_none01.png') no-repeat; cursor:pointer; vertical-align:middle; background-size:100%; margin-right:10px}
.check-type2 label span{word-break:break-all; vertical-align:middle; font-size:14px; color:#666;}
.check-type2 input[type="checkbox"]:checked ~ label i {width:20px; height:20px; background:url('/images/industrial/ico/check_01.png') no-repeat; background-size:100%;}

.checkbox input[type="checkbox"]#agreement02{width:33px; height:33px; background:#f7f7f7; opacity:inherit; clip:inherit;}
.checkbox input[type="checkbox"]#agreement02:focus{outline:2px solid #000; outline-offset: 2px;}

.radiobox {display:block; position:relative;  font-size:0;color:#555;}
.radiobox label{display:block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle;}

.radio-type01 label{padding:16px;}
.radio-type01 label .check-image{display:inline-block; width:20px;height:20px; cursor:pointer; vertical-align:middle; background-size:100%; background-size:100%; position: absolute; top:50%; right:16px; transform: translate(0, -50%);}
.radio-type01 label span{word-break:break-all; vertical-align:middle; font-size:16px; color:#666;}
.radio-type01 input[type="radio"]:checked ~ label{border:1px solid #111; margin-top:-1px; margin-bottom:-1px;}
.radio-type01 input[type="radio"]:checked ~ label i {width:20px; height:20px; background:url('/images/industrial/ico/ico_check.svg') no-repeat; background-size:100%; position: absolute; top:50%; right:16px; transform: translate(0, -50%);}


.margin-t{margin-top:50px;}
.btn-inner{text-align:center; margin-top:80px;}
.btn-type{font-size:18px; font-family:'HMHMedium'; text-align:center; display:inline-block; padding:11px 23px; transition:0.2s}
.btn-type:hover{transition:0.2s}
.btn-blue{color:#01549e; background-color:#fff; border:1px solid #01549e;}
.btn-blue:hover{color:#fff; background-color:#01549e;}
.btn-w{color:#fff; border:1px solid #fff;}
.btn-w:hover{color:#fff; background-color:#01549e; border:1px solid #01549e;}

.null-result{font-size:20px; padding:40px 0; text-align:center; font-family:'HMHLight';}

.pop-layer{position:absolute; top:0; left:0; width:100%; height:100%; z-index:110; background-color:rgba(0, 0, 0, 0.2); display:none;}
.pop-layer .layer-area{position:relative; width:100%; height:100%;}
.pop-layer .layer-area .layer-content{width:700px; position:absolute; background-color:#FFF; border:1px solid #d0d0d0; border-top:3px solid #197bb8; box-shadow:3px 4px 10px 1px rgba(0, 0, 0, 0.2); top:150px}

.pop-layer .layer-area .layer-content .inner-layer{position:relative; width:100%; height:100%; box-sizing:border-box; padding:30px 20px}
/*.pop-layer .layer-area .layer-content .inner-layer .layer-head{margin-bottom:30px;}*/
.pop-layer .layer-area .layer-content .inner-layer .layer-head strong{font-family:'HMHMedium'; font-weight:normal; font-size:26px; color:#01549e; display:block; width:calc(100% - 30px);}
.pop-layer .layer-area .layer-content .inner-layer img{display:block; max-width:100%; margin:0 auto;}
.pop-layer .layer-area .layer-content .inner-layer .pop-close{position:absolute; top:25px; right:20px; width:32px; height:32px; display:block; background:url('/images/common/btn/popup_close_btn.png') no-repeat center; background-size:32px;}
/* .pop-layer.global{background:transparent} */
.pop-layer.global{position:fixed}
.pop-layer.global .layer-area .layer-content{width:910px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head{margin-bottom:30px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span{font-size:22px; color:#595959; font-family:'HMHLight'; display:block; margin-top:15px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span.link{text-align:right;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a{position:relative; width:133px; height:35px; line-height:38px; font-family:'HMHLight'; font-size:19px; display:inline-block; border:1px solid #197bb8; border-radius:3px; box-sizing: border-box; text-align:center; color:#197bb8; transition: 0.2s}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a:hover{background-color:#197bb8; color:#fff;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a:before{content:'주소복사'; position:absolute; top:0; left:0; width:100%; height:100%}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a.on{border-color:#555; width:186px}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a.on:before{content:'주소가 복사되었습니다.'; background-color:#555; color:#fff}


.view-content #view{font-family: auto; font-size: 18px; color: initial;}
.view-content #view ul { padding-left:40px; margin:1em 0; list-style-type:disc; }
.view-content #view ol { padding-left:40px; margin:1em 0; list-style-type:decimal !important; }
.view-content #view li { display:list-item; text-align:match-parent; list-style:inherit !important}
.view-content #view ul ul,
.view-content #view ol ul { list-style-type:circle; }
.view-content #view ol ul,
.view-content #view ul ol,
.view-content #view ul ul,
.view-content #view ol ol { margin-top:0; margin-bottom:0; padding-left:14px; }

.view-content #view ol ol ul,
.view-content #view ol ul ul,
.view-content #view ul ol ul,
.view-content #view ul ul ul { list-style-type: square; }

.view-content #view ol ol ol,
.view-content #view ol ol ul,
.view-content #view ol ul ul,
.view-content #view ol ul ol,
.view-content #view ul ul ul,
.view-content #view ul ul ol,
.view-content #view ul ol ol,
.view-content #view ul ol ul { margin-top:0; margin-bottom:0; padding-left:14px; }

.view-content #view p { margin:1em 0; }

.view-content #view h1 { margin:0.67em 0; font-size:2em; font-weight:bold; }
.view-content #view h2 { margin:0.83em 0; font-size:1.5em; font-weight:bold; }
.view-content #view h3 { margin:1em 0; font-size:1.17em; font-weight:bold; }
.view-content #view h4 { margin:1.33em 0; font-size:1em; font-weight:bold; }
.view-content #view h5 { margin:1.67em 0; font-size:0.83em; font-weight:bold; }
.view-content #view h6 { margin:2.33em 0; font-size:0.67em; font-weight:bold; }

.view-content #view dl { margin:1em 0; }
.view-content #view dd { margin-left:40px; }

.view-content #view table {border-collapse:collapse !important; border-spacing:2px; border-color:gray;}
.view-content #view table.border{border:2px solid #2c2c2c}
.view-content #view thead { display:table-header-group; vertical-align:middle; border-color:inherit; }
.view-content #view tbody { display:table-row-group; vertical-align:middle; border-color:inherit; }
.view-content #view tr { display:table-row; vertical-align:inherit; border-color:inherit; }
.view-content #view th,
.view-content #view td { display:table-cell; vertical-align:inherit; border-bottom:0}
.view-content #view th { font-weight:bold; }

.view-content #view a { text-decoration:underline; cursor:auto; }

.view-content #view table th{text-align:center;}
.view-content #view a{text-decoration: underline;  cursor: auto; color: blue;}
.view-content #view a:hover{text-decoration: underline;  cursor: auto; color: blue;}
.view-content #view table  td{border-bottom:0; padding: 0}


















/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.pagenation{display:none;}
.more-button{display:block; font-family:'HMHLight'; text-align:center; background-color:#01549e; color:#fff; margin:0 auto; padding:0;}

div.besides-list .list-subject:first-child span{background:url('/images/common/ico/m_b_arrow.png') no-repeat right center;}
div.besides-list .list-subject span{background:url('/images/common/ico/m_b_arrow2.png') no-repeat right center;}

.check-type1 label .check-image{background:url('/images/industrial/ico/m_ico_chk_type1_unchecked.png') no-repeat;}
.check-type1 input[type="checkbox"]:checked ~ label i {background:url('/images/industrial/ico/ico_chk_type1_checked.png') no-repeat;}

}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.inner-more-button{margin-top:135px;}
.more-button{width:263px; height:108px; font-size:42px; line-height:108px;}

div.besides-list{margin-top:70px;}
div.besides-list .list-subject{padding:31px 0;}
div.besides-list .list-subject span{font-size:30px; width:160px; padding-left:25px; margin-right:35px;}
div.besides-list .list-subject p{width:calc(100% - 195px); font-size:30px;}
div.besides-list .list-subject p a{font-size:30px;}

.btn-inner{margin-top:160px;}
.btn-type{height:110px; line-height:116px; font-size:42px; padding:0 65px;}

.check-type1 label .check-image{width:61px;height:61px; background-size:61px;}
.check-type1 label span{font-size:34px;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-size:61px;}

.checkbox input[type="checkbox"]#agreement02{width:61px; height:61px;}

.null-result{font-size:36px; padding:70px 0; text-align:center; font-family:'HMHLight';}

.pop-layer .layer-area .layer-content{width:calc(100% - 140px); margin:0 auto; border-top-width:7px;}
.pop-layer .layer-area .layer-content .inner-layer{padding:55px 60px 40px}
.pop-layer .layer-area .layer-content .inner-layer .layer-head{margin-bottom:40px;}
.pop-layer .layer-area .layer-content .inner-layer .layer-head strong{font-size:36px; width:calc(100% - 60px); line-height:46px;}
.pop-layer .layer-area .layer-content .inner-layer .pop-close{top:45px; right:30px; width:54px; height:54px; display:block; background:url('/images/common/btn/popup_close_btn.png') no-repeat center; background-size:54px;}
.pop-layer.global .layer-area .layer-content{width:calc(100% - 80px);}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span{font-size:30px; padding-top:10px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span.link{text-align:left}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a{font-size:30px; height:55px; line-height:58px; width:155px; border-radius:6px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a.on{width:290px}
}

/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.inner-more-button{margin-top:65px;}
.more-button{width:131px; height:54px; font-size:22px; line-height:54px;}

div.besides-list{margin-top:35px;}
div.besides-list .list-subject{padding:15px 0;}
div.besides-list .list-subject:first-child span{background-size:20px 10px;}
div.besides-list .list-subject span{font-size:16px; width:90px; padding-left:15px; margin-right:25px; background-size:20px 10px;}
div.besides-list .list-subject p{width:calc(100% - 115px); font-size:16px;}
div.besides-list .list-subject p a{font-size:16px;}

.btn-type{font-size:15px; padding:10px 30px;}

.null-result{font-size:18px; padding:35px 0; text-align:center; font-family:'HMHLight';}

.check-type1 label .check-image{width:30px;height:30px; background-size:30px; margin-right:10px;}
.check-type1 label span{font-size:18px;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-size:30px;}

.checkbox input[type="checkbox"]#agreement02{width:30px; height:30px;}

.pop-layer .layer-area .layer-content{width:calc(100% - 70px); margin:0 auto; border-top-width:3px;}
.pop-layer .layer-area .layer-content .inner-layer{padding:25px 30px 20px}
.pop-layer .layer-area .layer-content .inner-layer .layer-head{margin-bottom:20px;}
.pop-layer .layer-area .layer-content .inner-layer .layer-head strong{font-size:20px; width:calc(100% - 30px); line-height:24px;}
.pop-layer .layer-area .layer-content .inner-layer .pop-close{top:23px; right:15px; width:27px; height:27px; display:block; background:url('/images/common/btn/popup_close_btn.png') no-repeat center; background-size:27px;}
.pop-layer.global .layer-area .layer-content{width:calc(100% - 40px);}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span{font-size:16px; padding-top:5px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span.link{text-align:left}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a{font-size:16px; height:28px; line-height:30px; width:80px; border-radius:3px;}
.pop-layer.global .layer-area .layer-content .inner-layer .layer-head span a.on{width:180px}

.margin-t{margin-top:25px;}
}