@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
#sub_contents img { max-width: 100%; }
#sub_contents h2 { color: rgb(119, 119, 119); padding-bottom: 15px; }
#sub_contents h2::before { border-radius: 3px; width: 20px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; margin-right: 10px; vertical-align: 1px; display: inline-block; content: ">"; background-color: #5983bd; }
#sub_contents h3 { padding-bottom: 10px; font-size: 15px; }
#sub_contents p { line-height: 1.6; font-size: 14px; -ms-word-break: keep-all; }
#sub_contents .sub-title p { line-height: 1.2; font-size: 30px; font-weight: 600; }
#sub_contents .img-wrap { text-align: center; float: right; }
#sub_contents .img-wrap.ct {float: none;}
#sub_contents .img-wrap.fl { text-align: center; float: left; }
#sub_contents .img-wrap img { margin-left: 20px; max-width: 300px; }
#sub_contents .img-wrap.fl img {margin: 0 20px 0 0 ;}
#sub_contents .txt-desc { padding-top: 20px; }
#sub_contents .intro .txt-c01 { color: #5983bd; }
#sub_contents .intro .txt-point { color: #5983bd; font-size: 16px; }
#sub_contents .intro .txt-point.lar { color: rgb(102, 102, 102); font-size: 20px; font-weight: 700; }
#sub_contents .intro .txt-r { text-align: right; padding-top: 20px; }
#sub_contents .intro .txt-sign { font-size: 20px; font-weight: bold; }
#sub_contents .bg-box { padding: 30px; text-align: left; font-size: 18px; margin-bottom: 30px; position: relative; background-color: rgb(249, 249, 249); overflow:hidden;}
#sub_contents .bg-box.left {text-align:left;}
#sub_contents .bg-box::before { left: 0px; top: 0px; width: 30px; height: 30px; border-top-color: #5983bd; border-left-color: #5983bd; border-top-width: 5px; border-left-width: 5px; border-top-style: solid; border-left-style: solid; position: absolute; content: ""; }
#sub_contents .bg-box::after { width: 30px; height: 30px; right: 0px; bottom: 0px; border-right-color: #5983bd; border-bottom-color: #5983bd; border-right-width: 5px; border-bottom-width: 5px; border-right-style: solid; border-bottom-style: solid; position: absolute; content: ""; }
#sub_contents .bg-box .col, #sub_contents .bg-box .col > div { padding-bottom: 0px; }
#sub_contents .bg-box .col > div { padding-bottom: 0px; }
#sub_contents dl.list { overflow: hidden; border-top-color: #5983bd; border-top-width: 2px; border-top-style: solid; }
#sub_contents dl.list dt, #sub_contents dl.list dd { padding: 20px 10px; font-size: 16px; }
#sub_contents dl.list dd { padding: 20px 10px; font-size: 16px; }
#sub_contents dl.list dd { padding: 20px 10px; overflow: hidden; font-size: 16px; font-weight: 300; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; }
#sub_contents dl.list dt { color: #5983bd; font-weight: bold; float: left; min-width: 100px; }
#sub_contents .clear { clear: both; }
.tbl-chart { width: 100%; margin-bottom: 60px; border-top-color: #5983bd; border-top-width: 2px; border-top-style: solid; border-collapse: collapse; }
.tbl-chart th, .tbl-chart td { padding: 10px 0px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; font-size: 14px; }
.tbl-chart td { padding: 10px 0px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; font-size: 14px; }
.tbl-chart th { font-weight: 700; background-color: rgb(249, 249, 249); }
.tbl-chart.td-left td { text-align: left; padding-left: 15px; }
.tbl-chart thead td { background-color: rgb(255, 255, 204); }
.col { overflow: hidden; padding-bottom: 50px; margin-left: -25px; }
.col > div { padding: 0px 0px 25px 25px; float: left; box-sizing: border-box; }
.col.col2 > div { width: 50%; }
.col.col3 > div { width: 33.33%; }
.col.col3 > div.col2-1 { width: 66.66%; }
.col.col4 > div { width: 25%; }
.col.col5 > div { width: 20%; }
.col.col6 > div { width: 16.66%; }
.bul-list li { padding: 0px 0px 10px 15px; line-height: 1.6; font-size: 14px; position: relative; }
.bul-list li::before { border-radius: 3px; left: 0px; top: 6px; width: 10px; height: 10px; font-weight: bold; display: block; position: absolute; content: ""; background-color: rgb(221, 221, 221); }
.btn { margin: 5px 0px; padding: 10px 20px; border-radius: 5px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; display: inline-block; background-color: #5983bd; }
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .col.col6 > div { width: 33.33%; }
}

/* mobile */
@media screen and (max-width:768px){
    #sub_title { background-color: rgb(48, 49, 131); }
    .img-list .img-wrap { padding: 0px 0px 20px; float: none; }
    #sub_contents .intro .img-wrap { float: none; }
    #sub_contents .intro .img-wrap img { margin: 0px 0px 20px; max-width: 100%; }
    .col.col3 > div {width:100%;}
    .col.col4 > div, .mobile .col.col6 > div { width: 50%; }
    .col.col6 > div { width: 50%; }
	#sub_contents dl.list dt {float:none; padding-bottom:0;}
}