@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

body{min-width:320px;}


.btn-info {
	border-color: #9e1a24;
	background-color: #9e1a24;
}

a.bg-red:hover,
a.bg-red:focus {
	background-color: #94151f;
}



/* header */
/*.rd-navbar-top-panel{background:#a3a9ae;}*/
.rd-navbar-top-panel > .right-side > ul > li{font-size:13px; }

.rd-navbar-default.rd-navbar-transparent.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-default.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-floated.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-top-panel.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel, .rd-navbar-logo-center.rd-navbar-dark.rd-navbar-fixed .rd-navbar-panel {
    background: #fff;
    box-shadow: 0 3px 11px 0 #a7a7a7;
}

.pageTitle{padding:30px 0;}
.pageTitle > h2{
	color:#fff;
	text-shadow: #0b4d67 1px 1px 1px;
	margin:10px;
}

.bg-gray-darkest {
    background: #9ed4e4;
    fill: #91cee3;
	margin-top:20px;
}

footer p {
	margin-top: 0px;
}

#agree-content h5, .h5 {
    margin-top: 0;
}

.notice{padding-left:30px; padding-right:30px;}
.notice ul{padding:0;}
.notice li{position:relative; padding-left:15px; background:url('../images/common/bul_arrow.png') left 10px no-repeat;list-style:none; line-height:30px; text-align:left;}
.notice > ul > li > a > .view{display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-family: 'Noto Sans KR', sans-serif;}
.notice > ul > li > .date{position:absolute; right:0; color:#999;}


@media (max-width:479px) {
	.pageTitle > h2{font-size:26px;}
}
@media (min-width:480px) {
	/*.pageTitle{padding:50px 0;font-size:30px;}*/
	.pageTitle{
		padding: 30px;
		font-size:30px;
	}
}

#leftmenu{padding:0;}
#leftmenu ul{padding:0; -webkit-padding-start:0; text-align:left;}
#leftmenu li {list-style:none;}
#leftmenu > ul > li {width:100%; border-bottom:1px solid #999; letter-spacing:-1px; background:#f9f9f9;}
#leftmenu > ul > li:last-child {border-bottom:none;}
#leftmenu > ul > li > a{display:block; width:100%; padding:10px 15px 8px; box-sizing:border-box; color:#555;}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on >a{background:#434748; color:#fff;}
#leftmenu .snb{padding:10px 15px; box-sizing:border-box; border-top:1px solid #ededed; font-size:14px; background:#fff;}
#leftmenu .snb > li {margin-bottom:5px; line-height:19px;}
#leftmenu .snb > li > a {display:block; padding-left:12px; background:url('../images/sub/bul_bar.png') left 9px no-repeat; color:#666; font-size:14px;}
#leftmenu .snb > li > a:hover {padding-left:12px; background:url('../images/sub/bul_arrow.png') left 5px no-repeat; color:#800825;}
#leftmenu .snb > li.on > a {padding-left:12px; background:url('../images/sub/bul_arrow.png') left 5px no-repeat; color:#800825;}
#leftmenu h2{display:table; width:100%; height:110px; margin-top: 0px; margin-bottom:0; padding:20px; background:#800825; box-sizing:border-box; color:#fff; font-size:1.8em; text-align:center;font-weight: 700;}
#leftmenu h2 > span{display:table-cell; vertical-align:middle; letter-spacing: -2px;}

.contWrap {
    min-height: 800px;
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 0 !important;
    box-sizing: border-box;
    text-align: left;
    border-left: 1px solid #ccc;
}

.contWrap > h3{position:relative; margin-top:60px; font-size:23px; font-weight:600; letter-spacing:-1px;}
.contWrap > h3:first-child{margin-top:0;}


#subTopBar{position:relative;padding:7px 0; border-bottom:1px solid #dbdbdb; z-index:10;}
#subNav{margin:0; padding:0;}
#subNav:after{display:block;content:'';clear:both;}
#subNav > li{display:block;float:left;position:relative;min-width:270px;height:32px;box-sizing:border-box;}
#subNav > li:after{display:block;content:'';position:absolute;right:0;top:6px;height:20px;border-right:1px solid #cecece;}
#subNav > li.home{min-width:auto;width:45px;background:url(/user/images/sub/icon_home.png) no-repeat 5px center;text-indent:-9999em;}
#subNav > li.home a{background:none;}
#subNav > li > a{display:block;padding:0 40px 0 20px;background:url(/user/images/sub/icon_nav_ar.png) no-repeat 92% center;font-size:17px;color:#4d4d4d;line-height:32px;}
#subNav > li > a:hover{color:#9e1a25;}
#subNav ul{display:none;position:absolute;top:40px;left:-1px;right:0;padding:10px 0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;z-index:9;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
#subNav ul li a:hover{background:#f6f6f6;color:#9e1a25;}
#subNav ul li{list-style:none;}
#subNav ul li a{display:block;padding:10px 10px 10px 20px;font-size:16px;line-height:120%;}
#subNav ul li:first-child a{padding-right:40px;background:url('') no-repeat 92% center;}
#subNav ul li:first-child a:hover{background:#f6f6f6 url('') no-repeat 92% center;}
#subTopBar > a{display:block;position:absolute;top:20px;width:32px;height:32px;text-indent:-9999em;}

#agree-content dt {
    margin-left: 18px;
}

@media all and (max-width:960px){
	/*
	#subNav > li{display:none;}
	#subNav > li:first-child{display:block;width:100%;}
	#subNav > li:last-child{display:block;width:100%;}

	#subNav > li:after{display:none;}
	#subNav ul li a{padding:10px 5%;}
	#subNav > li > a{padding:0 5%;}
		*/

	#subNav > li{min-width:100px; letter-spacing:-1px;}
	#subNav > li:nth-child(2){display:none;}
	#subNav ul{top:40px;}

	.pageTitle > h2{
		margin: 0;
	}

}

@media (max-width:1199px) {
	#leftmenu{display:none;}

	.contWrap{padding-left:0; border:none;}

}


/* ÃÊ´ëÀÇ±Û */
.invite-wrap{position:relative; padding:150px 50px;}
.invite-wrap:before{content:''; display:block; position:absolute; top:0; left:50%; margin-left:-450px; width:900px; height:104px; background:url('/user/images/sub/invite_top.png') center top no-repeat;}
.invite-wrap:after{content:''; display:block; position:absolute; bottom:0; left:50%; margin-left:-450px; width:900px; height:104px; background:url('/user/images/sub/invite_bottom.png') center bottom no-repeat;}
.invite-wrap > p{margin-bottom:20px;}
.invite-wrap > p:last-child{margin-top:80px;}

/* »ó´ã¸ðÅä */
.motto > div > dl{min-height:145px;}
.motto > div > dl > dt{margin:8px 0; font-size:18px;}


/* ¿¬Çõ */
.history-box{display:table; width:100%;}
.history-box > dt, .history-box > dd{display:table-cell; vertical-align:top;}
.history-box > dt{width:15%;}
.history-box > dt > strong{display:block; padding-left:35px; font-size:32px; line-height:40px; color:#000; font-weight:600; letter-spacing:-0.5px;}
.history-box > dd{position:relative; padding-bottom:45px;}
.history-box:last-child > dd{padding-bottom:0;}
.history-box > dd:before{position:absolute; top:0; left:0; display:block; content:""; width:1px; height:100%; background:#cdcdcd;}
.history-box:first-child > dd:before{top:17px;}
.history-con{position:relative;}
.history-con > p{*zoom:1; position:relative; padding:6px 0; padding-left:18px;}
.history-con > p:after{display:block; content:""; clear:both;}
.history-con > p:before{position:absolute; top:17px; left:-3px; display:inline-block; content:""; width:8px; height:8px; background:#c30013; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.history-con > p > strong, .history-con > p span{float:left; display:block; line-height:28px;}
.history-con > p > strong{position:relative; width:100px; padding-left:45px; text-align:center; font-size:18px; color:#000; letter-spacing:-0.5px; font-weight:500;}
.history-con > p > strong:before{position:absolute; top:50%; left:0; display:inline-block; content:""; width:45px; height:1px; background:url('/user/images/sub/history_line.png') repeat-x;}
.history-con > p > span{width:calc(100% - 198px);padding-left:10px;font-size:16px; color:#2f2e2e; letter-spacing:-0.25px; font-weight:300;}
.view-btn{display:inline-block; margin:0 3px; padding:2px 10px; border-radius:30px; color:#fff; background:#4b4e53;font-size:12px; text-align:center; text-transform:uppercase; letter-spacing:-.04em; cursor:pointer;}
.view-btn:hover, .view-btn:active{background:#e03c30; color:#fff;}

@media all and (min-width:1200px){
	.history{padding:20px; box-sizing:border-box;}
}
@media all and (max-width:800px){
	.history-box > dt{width:15%;}
	.history-box > dt > strong{padding-left:10px; font-size:24px; line-height:30px;}
	.history-box > dd{padding-bottom:22px;}
	.history-box:first-child > dd:before{top:12px;}
	.history-con > p{padding:3px 0; padding-left:18px;}
	.history-con > p:before{top:12px;}
	.history-con > p > strong, .history-con > p span{line-height:24px;}
	.history-con > p > strong{width:70px; padding-left:30px; font-size:17px;}
	.history-con > p > strong:before{width:30px;}
	.history-con > p > span{width:calc(100% - 80px); font-size:13px; padding-left:28px;}
}

@media all and (max-width:480px){
	.history-box{display:block; margin-bottom:25px;}
	.history-box > dt, .history-box > dd{display:block;}
	.history-box > dt{width:auto;}
	.history-box > dt > strong{padding-left:0;}
	.history-box > dd:before{top:12px;}
	.history-con > p:before{width:6px; height:6px; left:-2.5px;}
	.history-con > p > strong{padding-left:36px; width:60px;}
	.history-con > p > strong:before{width:25px;}
	.history-con > p > span{width:calc(100% - 65px); word-break:keep-all;}
}

/* ¼Ò°³ */
.intro > p:first-child{margin-bottom:50px;}


/* ⸳¼±¾ð¹® */
.declaration{position:relative; width:100%; padding:15px; border:3px solid #db9011;}
.declaration .dec-img1{position:absolute; left:-5px; top:-6px; display:block; width:47px; height:46px; background:url('/user/images/sub/img_declaration.png') no-repeat;}
.declaration .dec-img2{position:absolute; right:-5px; top:-6px; display:block; width:47px; height:46px; background:url('/user/images/sub/img_declaration.png') no-repeat; transform:rotate(90deg);}
.declaration .dec-img3{position:absolute; left:-5px; bottom:-6px; display:block; width:47px; height:46px; background:url('/user/images/sub/img_declaration.png') no-repeat; transform:rotate(-90deg);}
.declaration .dec-img4{position:absolute; right:-5px; bottom:-6px; display:block; width:47px; height:46px; background:url('/user/images/sub/img_declaration.png') no-repeat; transform:rotate(180deg);}
.declaration-txt{padding:50px; border:1px solid #db9011; text-align:justify; word-break:keep-all;}
.declaration-txt > h4{margin-bottom:40px; font-weight:400; font-size:28px; line-height:1.5;}
.declaration-txt > h4 > strong{font-weight:700;}
.declaration-txt > p > strong{font-weight:600;}
@media all and (max-width:767px){
	.declaration-txt{padding:20px;}
}


/* ¿À½Ã´Â±æ */
.location > dl{margin:20px 0 40px;}
.location > .map{width:100%; height:350px; border:1px solid #ccc;}
.location > dl > dt{margin-bottom:10px; font-size:18px;}
.location > dl > dd{padding:5px 0 3px;}
.location > dl > dd > span{margin-right:8px; font-weight:700;}
.guide-dot-list2 > dt.addr{margin:0; padding:0; font-size:15px; background:none;}
.guide-dot-list2 > dt{margin:20px 0 0; padding-left:22px; background:url('../images/sub/bul_dot5.png') left 6px no-repeat; font-size:15px; font-weight:500;}
.guide-dot-list2 > dd{margin-left:10px; padding:0 0 3px 12px !important; background:url('../images/sub/bul_dot1.png') left 11px no-repeat;}
.guide-dot-list2 > dd > i{margin-right:5px; color:#e7612b;}



/* ÀÌ¿ë¾È³» */
.guide-dot-list > dt{margin:28px 0 8px; padding-left:20px; background:url('../images/sub/bul_dot5.png') left 7px no-repeat; font-size:17px; font-weight:500; letter-spacing:-1px;}
.guide-dot-list > dd{margin-left:10px; padding-left:13px;}
.guide-dot-list > dd > i{margin-right:5px; color:#e7612b;}
.guide-flow{width:100%; border:1px solid #ccc;}
.guide-flow tbody td{position:relative; padding:10px 20px; border:1px solid #ccc; text-align:center;}
.guide-flow tbody td > ul{margin:0; padding:0;}
.guide-flow tbody td > span{position:absolute; right:-10px; top:50%; width:20px; height:20px; margin-top:-10px; background:url('../images/sub/bul_arrow3.png') left top no-repeat; z-index:10;}
.guide-list > li{padding-left:12px; background:url('../images/sub/bul_arrow2.png') left 12px no-repeat;}
.tb-guide thead th{padding:5px 15px !important; background:#ededed; text-align:center; vertical-align:middle !important;}
.tb-guide tbody th{padding:5px 15px !important; background:#f8f8f8; text-align:center; vertical-align:middle !important;}
.tb-guide tbody td{padding:5px 15px !important; text-align:center;}



/* »çȸÀûÇùµ¿Á¶ÇÕ */
.coop-wrap > h3{margin:40px 0 18px; padding-left:25px; background:url(/user/images/sub/bul_sun.png) left 1px no-repeat; font-size:20px; font-weight:500;}
.coop-wrap > h3:first-child{margin-top:0;}
.coop-wrap > h3 > small{color:#666 !important;}
.coop-wrap ul{padding:0;}
.coop-wrap ul li{padding-left:12px; background:url('../images/sub/bul_bar.png') left 12px no-repeat; }
.tb-coop thead th{background:#ededed;}
.tb-coop tbody th{background:#f8f8f8;}
.tb-coop tbody td:nth-of-type(1){color:#aaa;}
.tb-coop tbody td:nth-of-type(2){color:#000; font-weight:600;}
.tb-coop2{width:100%; border-top:2px solid #212121; border-bottom:1px solid #212121;}
.tb-coop2 thead th{padding:5px 15px; background:#f8f8f8; border-bottom:1px solid #212121 !important;  text-align:center;}
.tb-coop2 tbody td{padding:15px; text-align:center; vertical-align:middle !important;}
.tb-coop2 tbody td:first-child{padding:30px 15px;}
@media all and (max-width:767px){
	.tb-coop2 tbody td:first-child{padding:10px;}
	.tb-coop2 tbody td:first-child > img{max-width:100%}
}


/* ³ª³Êµ¹º½ */
.care-wrap{width:100%; margin-bottom:15px; padding:30px; box-sizing:border-box; border:1px solid #ccc;}
.care-wrap .care-img{margin:0 auto; text-align:center;}
.care-wrap > div > div > dl > dt{margin-bottom:20px; font-size:18px;}

/* Áö¿ª°ú ÇÔ²²ÇÏ´Â ¸¶À½µ¹º½ */
.region-wrap > h3{padding-bottom:30px; text-align:center; background:url('/user/images/sub/img_line.png') center bottom no-repeat;}
.region-wrap > h4{position:relative; display:inline-block; margin:40px 0 20px; padding:10px 20px 10px 25px; background:#f5f5f5;}
.region-wrap > h4:before{content:''; position:absolute; left:0; top:0; display:inline-block; width:10px; height:39px; background:#ffc242;}
.region-wrap > .region-list{padding-left:5px;}
.region-wrap > .region-list > li{padding-left:12px; background:url('../images/sub/bul_arrow2.png') left 12px no-repeat;}
.region-wrap > p{margin:0 0 10px;}

@media (min-width: 380px) and (max-width: 1199px) { /* Å×ºí¸´ */
	#strLogo {
		height:45px !important;
	}
}


/**/
.img > img{margin:30px auto;}
.box{width:100%; margin-top:50px; padding:20px; box-sizing:border-box; border:1px solid #ccc;}
.box2{width:100%; padding:20px; box-sizing:border-box; border:1px solid #ccc;}
.box > ul{margin:0;}
.star{margin:0; padding-left:15px; background:url('../images/sub/bul_star.png') left 8px no-repeat;}
ul{margin:0; padding:0;}
.ul-list li{padding-left:12px; background:url('../images/sub/bul_dot3.png') left 11px no-repeat; word-break:keep-all;}
.box.box-p{padding:40px; box-sizing:border-box; word-break:keep-all;}
.box-p > p{margin-bottom:20px;}
.box-p > p:last-child{margin-bottom:0;}

.btn-list li > a{display:block; padding:10px 25px 10px 18px; border:1px solid #b90531; color:#b90531; border-radius:2px; text-align:left; transition: all .2s ease-in-out;}
.btn-list li > a > i{padding-right:6px; font-size:20px; line-height:20px;}
.btn-list li > a:hover,.btn-list li > a:focus{background:#b90531; color:#fff; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.a-link{margin-bottom:50px; border-top:2px solid #1b1b1b; letter-spacing:-.04em; word-break:keep-all;}
.a-link > h3{position:relative; margin:40px 0 30px; font-size:23px; font-weight:600; letter-spacing:-1px;}
.a-link > table{margin:10px 0;}
.a-link .round-rect{width:100%; padding:20px; border-radius:3px; color:#fff; font-size:17px; font-weight:500; text-align:center; line-height:1.3; word-break:keep-all;}
.a-link .round-rect.color1{background:#976575}
.a-link .round-rect.color2{background:#6f4d57}

.program-list > li {padding:48px 0; border-bottom:1px solid #e1e1e1; display:inline-block; width:100%; vertical-align:top}
.program-list > li:first-child{padding-top:20;}
.program-list > li > h4{float:left; display:inline-block; width:23%; margin:0; color:#121212; font-size:20px; font-weight: 500;}
.program-list > li > h4 > span {display:inline-block; width:160px; word-break:keep-all;}
.program-list > li > ul {float:left; width:77%;}
.program-list > li > ul > li {margin-bottom:8px; line-height:24px; font-size:15px; letter-spacing:-.04em; color:#555; word-break:keep-all; word-wrap:break-word;}

.intro-list{border-top:2px solid #1b1b1b; letter-spacing:-.04em;}
.intro-list > li {padding:48px 0; border-bottom:1px solid #e1e1e1; display:inline-block; width:100%; vertical-align:top}
.intro-list > li:first-child{padding-top:20;}
.intro-list > li > h4{float:left; display:inline-block; width:23%; margin:0; color:#121212; font-size:20px; font-weight: 500;}
.intro-list > li > h4 > span {display:inline-block; width:160px; word-break:keep-all;}
.intro-list > li > ul {float:left; width:77%;}
.intro-list > li > ul > li {margin-bottom:8px; line-height:24px; font-size:15px; letter-spacing:-.04em; color:#555; word-break:keep-all; word-wrap:break-word;}
.intro-list > li > ul > li > h5{margin:35px 0 15px; font-size:16px; color:#555; font-weight:500;}


.list-disc li{padding-left:12px; background:url('../images/sub/bul_bar.png') left 12px no-repeat;}
.list-disc li.clear{background:none;}


@media all and (max-width:1024px) {
	.program-list > li, .intro-list > li {padding:25px 10px;}
	.program-list > li > h4, .program-list > li > ul, .intro-list > li > h4, .intro-list > li > ul{width:100%; float:none}
	.program-list > li > h4, .intro-list > li > h4{margin-bottom:15px;}
	.program-list > li > h4 > span, .intro-list > li > h4 > span {width:100%;}

	.motto-img{display:none;}
}

@media all and (max-width: 767px) {
	.box.box-p{padding:20px;}
	.btn-list{margin:0 auto; }
	.a-link{padding:0 10px;}
	.a-link .round-rect{margin-bottom:5px; padding:10px;}
}