/* contents */
.txt-pnt {color:#0070ab !important;}
.txt-wrap {padding:0 0 40px; font-family:"Noto Sans KR";}
.txt-wrap h3 {position:relative; font-size:24px; font-family:"Noto Sans KR"; font-weight:500; padding-bottom:15px; color:#666; margin-bottom:15px;}
.txt-wrap h3:before {position:absolute; left:0px; width:50px; bottom:5px; content:""; border-bottom:3px solid #0070ab;}
.txt-wrap h4 {font-size:18px; font-family:"Noto Sans KR"; font-weight:500; padding-bottom:5px; color:#666;}
.txt-wrap h4:before {content:"- "; color:#0070ab; font-weight:900;}
.txt-wrap .h-wrap {overflow:hidden;}
.txt-wrap .h-wrap h3 {float:left;}
.txt-wrap .h-wrap p {float:left; margin-bottom:0; padding:5px 0 0 10px; color:#999;}

.txt-wrap p {
	margin-bottom:15px;
    color: #7a7a7a;
    line-height: 1.7;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-weight: 300;
}
.txt-wrap .sub-title{
    margin-bottom:30px;
    font-family: "Noto Sans KR";
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.3;
    color: #595959;
    padding: 20px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}
.txt-wrap .sub-title.bg {
    
}
.txt-wrap .sub-title strong{
    font-family: "Noto Sans KR";
    font-size:30px;
    color: #0070ab; /* theme color */
    font-weight: 600;
}
.txt-wrap .sub-title.bg strong {}
.txt-wrap .sub-title span{
    font-size:16px;
    display:block;
    padding-top:5px;
}
.txt-wrap p .sign {display:block; text-align:right; font-family: "Noto Sans KR"; vertical-align:middle;}
.txt-wrap p .sign .name {font-family:"Nanum Brush Script"; font-size:35px; padding-left:10px; vertical-align:-5px;}
.txt-wrap p.txt-title {position:relative; padding-bottom:10px;}
.txt-wrap img.img-txt {float:right; margin-left:20px; max-width:245px;}

.txt-wrap .col2 {overflow:hidden; margin-left:-30px;}
.txt-wrap .col2 > div,
.txt-wrap .col2 > ul {float:left; width:25%; padding-left:30px; box-sizing:border-box;}

.txt-wrap .col3 {overflow:hidden; margin-left:-30px;}
.txt-wrap .col3 > div {float:left; width:50%; padding-left:30px; box-sizing:border-box;}
.txt-wrap .col3 > div.wid2 {width:50%;}
.col3 p img{width:100%;}

.txt-wrap .col4 {overflow:hidden; margin-left:-30px;}
.txt-wrap .col4 > div {float:left; width:50%; padding-left:-0px; box-sizing:border-box;}
.txt-wrap .col4 > div.wid2 {width:50%;}
.col4 p img{width:100%; margin-bottom: 30px;}

.txt-wrap dl {font-family: "Noto Sans KR"; overflow:hidden; border-top:0px solid #0070ab; border-bottom:0px solid #aaa; font-size:18px; margin-bottom:50px;}
.txt-wrap dt, .txt-wrap dd {padding:10px 15px; line-height:1.8; font-family: "Noto Sans KR";}
.txt-wrap dt {float:left; font-weight:500; color: #0070ab;}
.txt-wrap dd {margin:0; padding-left:20px; border-bottom:1px solid #ddd; font-weight:300;}
.txt-wrap dd strong {display:inline-block; min-width:50px;}
.txt-wrap dt:last-child,
.txt-wrap dd:last-child,
.txt-wrap dt.full:last-child {border-bottom:0;}
.txt-wrap dt.full {width:100%; box-sizing:border-box; border-bottom:1px solid #ddd;}
.txt-wrap dd.full {padding-left:15px;}
.txt-wrap dd.full p {margin-bottom:0;}

.txt-wrap ul.list-type {padding-bottom:30px;}
.txt-wrap ul.list-type li{line-height: 1.7; padding-bottom: 5px; padding-left: 20px; font-size: 16px; position: relative;}
.txt-wrap ul.list-type li:before {border-radius: 5px; border: 0; border-image: none; left: 1px; top: 10px; width: 5px; height: 5px;  margin-right: 5px; display: inline-block; position: absolute; content: ""; background-color:#0070ab;}
.txt-wrap ul.list-type.inline {text-align:center;}
.txt-wrap ul.list-type.inline li {display:inline-block; margin-left:30px;}
.txt-wrap ul.list-type.inline li:first-child {margin-left:0;}

.txt-wrap ul.col4 {margin-left:-15px; padding-bottom:30px; overflow:hidden;}
.txt-wrap ul.col4 li {float:left; width:25%; padding-left:15px; box-sizing:border-box;}
.txt-wrap ul.col4 li img {width:100%;}

.txt-wrap table {width:100%; border-collapse:collapse; border-top:1px solid #333;}
.txt-wrap table th, .txt-wrap table td {font-size:16px; padding:10px 15px; border-bottom:1px solid #ddd;}
.txt-wrap table td {border-right:1px solid #eee; text-align:center;}
.txt-wrap table th {background-color:#f9f9f9;}
.txt-wrap table th#info_subway {width:260px;}

.info-box {position:relative; background-color:#f9f9f9; padding:35px 40px 30px; margin-bottom:30px; margin-top:30px;}
.info-box p {margin-bottom:0; text-align:center;}
.info-box:before {content:""; position:absolute; left:0; top:0; width:50px; height:50px; border-left:8px solid #0070ab; border-top:8px solid #0070ab;}
.info-box:after {content:""; position:absolute; right:0; bottom:0; width:50px; height:50px; border-right:8px solid #0070ab; border-bottom:8px solid #0070ab;}

/* tablet */
@media screen and (max-width:1200px){
    .txt-wrap img.img-txt {max-width:100%; width:40%;}
    .txt-wrap p.txt-title {padding-top:0;}
    .txt-wrap ul.col4 li {width:33.33%;}
    .txt-wrap br.p {display:none;}
}

/* mobile */
@media screen and (max-width:768px){
    .txt-wrap img.img-txt {display:block; max-width:100%; width:80%; margin:0 10% 20px;}
    .step-type1.col3 li {width:100%;}
    .step-type1.col5 li {width:100%;}
    .step-type1.col7 li {width:50%;}
    .txt-wrap dt {float:none; }
    .txt-wrap dd {padding: 0 15px 10px;}
    .txt-wrap dd.full {padding: 10px 15px;}
    .txt-wrap dd strong {display:inline;}
    .txt-wrap .col3 > div {width:100%;}
    .txt-wrap .col2 > div {width:100%;text-align:center;}
    .txt-wrap .col2 > ul {float:none; padding-right:30px; width:100%; box-sizing:border-box; margin:0;}
    .txt-wrap ul.col4 li {width:100%;}
    .txt-wrap .sub-title.bg {padding:20px; background-image:none;}
}