@charset "utf-8";
@font-face {
    font-family:NotoSans;
    font-weight:normal;
    src:local(※), url(./fonts/notosans/notokr-regular.woff) format('woff');
}

@font-face {
    font-family:NotoSans;
    font-weight:600;
    src:local(※), url(./fonts/notosans/notokr-regular.woff) format('woff');
}

@font-face {
    font-family:NotoSans;
    font-weight:bold;
    src:local(※), url(./fonts/notosans/notokr-bold.woff) format('woff');
}


html { width:100%; overflow-x:hidden;   }
body { width:100%; overflow-x:hidden;  }


ul { padding:0; }
li { list-style:none; }
a { color:#666; }
a:hover { text-decoration:none; }
.no-padding { padding:0; }
.no-margin { margin:0; }

.padding-sm { padding:5px; }
.padding-md { padding:10px; }
.padding-lg { padding:15px; }

.padding-tb-sm { padding-top:10px; padding-bottom:10px; }
.padding-tb-md { padding-top:40px; padding-bottom:40px; }
.padding-tb-lg { padding-top:80px; padding-bottom:80px; }

.list-group { margin:0; }

.mh80 { min-height:80px; }
.mh100 { min-height:100px; }
.mh120 { min-height:120px; }
.mh140 { min-height:140px; }
.mh160 { min-height:160px; }
.mh180 { min-height:180px; }
.mh200 { min-height:200px; }
.mh220 { min-height:220px; }
.mh240 { min-height:240px; }
.mh260 { min-height:260px; }
.mh280 { min-height:280px; }

.fix-back { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1;  }


h4.title { font-size:2em; font-weight:400; color:#666; }
.inner-section { color:#666; }
.list-group-item.active { background-color: #7d9ed3; border-color: #7d9ed3; }
.fa-bg { font-size:270px; }
.btm-bar { float:left; width:50px; border-width:1px; border-style:solid; border-color:#666; margin-bottom:40px;  }
.btm-bar:after { clear:both; }
.title-bar { width:30px; border-width:1px; border-style:solid; }
.title-left-bar { width:30px; float:left; border-color:#333; border-width:1px; border-style:solid; margin:3px 0 20px 0; }
.title-left-bar::after { clear:both; }
.bg-cover { background-position:center center; background-size:cover; }
.pre { white-space:pre-wrap; }
body { font-family:'NotoSans', dotum, sans-serif; font-size:16px; }

.bg-center { background-position:center center; }
.bg-cover {  background-size:cover; }
.bg-fix { background-attachment:fixed; background-repeat:no-repeat; }

.title-deco span.comment { padding:0 30px; background-color:#fff; }
.title-deco span.line { position:absolute; left:50%; top:50%; margin-left:-10%; width:20%; border-width:1px; border-color:#9292b3; border-style:solid; z-index:-1; }

.pt-hexa { background-image:url(../images/pt/pt-hexa.png); }
.pt-dot { background-image:url(../images/pt/pt-dot.png); }
.pt-slash-right { background-image:url(../images/pt/pt-slash-right.png); }
.pt-x-mid-circle { background-image:url(../images/pt/pt-x-mid-circle.png); }

.bg-slash { background-image:url(../images/deco/bg-slash.png); background-repeat:no-repeat; }

.table { font-size:.9em; }
.table tr { border-bottom:1px solid #ddd; }
.table th { border-right:1px solid #ddd; }

@media (min-width:1340px){
	.container { width:1320px; }
}

@media (max-width:768px){
	body { font-size:12px; }
	.padding-tb-sm { padding-top:10px; padding-bottom:10px; }
	.padding-tb-md { padding-top:20px; padding-bottom:20px; }
	.padding-tb-lg { padding-top:40px; padding-bottom:40px; }
}


span.title-deco01 { position:relative; display:inline-block; width:40%; max-width:500px; min-width:200px; height:1px; background-color:#252525; overflow:hidden; }
	span.title-deco01 span { position:absolute; left:10%; top:0; display:inline-block; width:80%; height:1px; background-color:#ddd; z-index:10; }


.box {
	 border:1px solid #333;
	 width:322px;
	 height:322px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg3 {
	 position:relative;
}
.actionImg3 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg3 .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 padding-top:46.2%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
	 -moz-transition:opacity .3s ease-out;
}
.actionImg3 .hover .line1 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90.4%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3 .hover .line2 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90.5%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3 .hover .sub_tit{
	color:#fff;
	font-size:16px;
	transform:translate3d(0,-10px,0);
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	opacity:0;
	transition:transform .5s ease-out .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s;
	-moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;
}
.actionImg3:hover .hover{
	 opacity:1;
}
.actionImg3:hover .hover .sub_tit{
	opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
}
.actionImg3:hover .line1{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}
.actionImg3:hover .line2{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}

.list-primary h4.title { font-size:1.2em; padding:10px; color:#f15e14; }
.list-primary table { width:100%;  font-size:.9em; }
.list-primary table thead tr th { font-weight:500; border-top:1px solid #f15e14; background-color:#fef7f3; }
.list-primary table th,.list-primary table td { padding:10px; }
.list-primary table tbody td { border-bottom:1px solid #f5f5f5; }