@import url(css/webfont.css); /* 웹폰트 불러오기 */

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto',sans-serif; color:#5a4b4b;}
div {display:block;}
.clearfix {clear:both}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both;}
.c_main {color:#a84672 !important}
.c_pink {color:#d57fa6 !important}
.c_hotpink {color:#e53282 !important}
.c_purple {color:#8c71b4 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:50px;}
h2 {font-size:40px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;line-height:1.5}
.mj {font-family: 'KoPub Batang', serif !important; letter-spacing:-0.1em}
.roboto {font-family: 'Roboto', sans-serif !important;}
#wrap.ch p {word-break:normal !important}

span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.tleft {text-align:left !important}
.tright {text-align:right !important}


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.pd00 {padding:0 !important}

.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}
.pl45 {padding-left:45%}


.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}
.pr45 {padding-right:45%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:18% !important;}
.col4 {width:24% !important;}
.col3 {width:32.33% !important;}
.col2 {width:49% !important;}




/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; overflow: hidden; }
#header {width:100%; min-width:1200px; height:170px; background:#fff; box-shadow:0 6px 9px rgba(0,0,0,0.2);text-align:center;position:relative;z-index:10}
#header .logo {margin:30px auto 23px;}

#header #gnb {line-height:58px;width:100%}
#header #gnb > ul {}
#header #gnb > ul > li {float:left;font-size:20px;}
#header #gnb > ul > li > p {line-height:inherit}
#header #gnb > ul > li > p a {display:block;padding:0 12px}
#header #gnb > ul > li > p a.on,#header #gnb > ul > li > p a:hover {color:#a84672;border-bottom:3px #a84672 solid;line-height:55px;font-weight:500}

#header #gnb .subnav { margin:auto;
background:rgba(168,70,114,0.8);
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:170px;
  left:0;
  font-size:15px;
  color:#fff;
 }
 #header #gnb .subnav dl {width:1200px;margin:auto;}
#header #gnb .subnav dd {line-height:50px;float:left;}
#header #gnb .subnav a:hover {font-size:larger;color:#000}
#header #gnb .subnav a {display:block;padding:0 10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#header #gnb .hn2 dl {padding-left:150px}
#header #gnb .hn3 dl {padding-left:270px}
#header #gnb .hn4 dl {padding-left:420px}
#header #gnb .hn5 dl {padding-left:530px}
#header #gnb .hn6 dl {padding-left:530px}
#header #gnb .hn7 dl {padding-left:770px}
#header #gnb .hn8 dl {padding-left:930px}
#header #gnb .hn9 dl {padding-left:1020px}



/* 공통 하단 */
#footer {width:100%; min-width:1200px;margin:auto;position:relative;border-top:1px #d0d0d0 solid;background:#fff;float:left;padding:20px 0;color:#808080;font-size:14px;display:inline-block;font-weight:300}
#footer .inner {position:relative}
#footer .inner > * {float:left;}
#footer .txt {display:inline-block;padding-left:20px}
#footer .txt span {padding-right:10px;letter-spacing:-0.5px;}
#footer a#back-top {width:50px;height:50px;display:block;background:rgba(0,0,0,0.3);border-radius:5px;text-align:center;line-height:50px;color:#fff;font-size:30px;position:absolute;right:0;}