@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("./../../style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

@font-face{font-family:'Noto Thin';font-style:normal;src:url(../../font/NotoSans-Thin.woff2) format("woff2"),url(../../font/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(../../font/NotoSans-Light.woff2) format("woff2"),url(../../font/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto DemiLight';font-style:normal;src:url(../../font/NotoSans-DemiLight.woff2) format("woff2"),url(../../font/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(../../font/NotoSans-Regular.woff2) format("woff2"),url(../../font/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(../../font/NotoSans-Medium.woff2) format("woff2"),url(../../font/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(../../font/NotoSans-Bold.woff2) format("woff2"),url(../../font/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'Noto Black';font-style:normal;src:url(../../font/NotoSans-Black.woff2) format("woff2"),url(../../font/NotoSans-Black.woff) format("woff")}


/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/



.boxStyle .imgWrap {width: 20% !important;}
.boxStyle .textWrap {padding: 10px 0 0 80px !important;width: 80% !important;}

.boxStyle2 .imgWrap img {width: 30% !important;}
.boxStyle2 .textWrap {width: 70% !important;}

@media only screen and (max-width:600px){
  .boxStyle .textWrap {padding: 25px 15px 25px 15px !important;}
}