@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');


/* 1: 공통사용
=========================================================================================== */
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; /*-webkit-word-wrap: break-word; -moz-word-wrap: break-word; word-wrap: break-word;*/ -webkit-word-break:break-all; -moz-word-break:break-all; word-break:break-all;}

html {width:100%; min-height:100%}
body {width:100%; min-height:100%; font-weight:400; font-family:"Nanum Gothic", 나눔고딕, "Malgun Gothic", sans-serif; font-size:16px; background-color:#fff; overflow-x:hidden;}
#wrap {width:100%; min-width:1280px; letter-spacing: -0.0325em;}


.hidden {display:none;}
.blind {visibility:hidden;}
.inr-c {position:relative; max-width:1280px; margin:0 auto; font-weight:normal; color:#2c2c2c;}
.cursor {cursor:pointer;}

/*폰트*/
.f-en {font-family:serif;}

.f_link {color:#1d456d !important; border-bottom:1px solid #1d456d;}



/*간격*/
.pr-mb0 {margin-bottom: 40px !important;}
.pr-mb1 {margin-bottom: 50px !important;}
.pr-mb2 {margin-bottom: 20px !important;}


/*폰트크기*/
.fz-s0 {font-size:10px !important;}
.fz-s1 {font-size:11px !important;}
.fz-s2 {font-size:12px !important;}
.fz-s3 {font-size:13px !important;}
.fz-s4 {font-size:14px !important;}
.fz-s5 {font-size:15px !important;}
.fz-s6 {font-size:16px !important;}


/*폰트색상*/
.c-red {color: #e50012 !important;}
.c-orange {color: #fd9b5a !important;}
.c-green {color: #086d71 !important;}
.c-black {color: #000 !important;}
.c-gray {color: #999 !important;}
.c-blue {color: #00468e !important;}
.c-yellow {color: #fff000 !important;}


/*정렬*/
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}


.clearfix:after,
.fl:after {content:""; clear:both; display:block;}
.fl-l {float:left;}
.fl-r {float:right;}

.pos-r {position: relative;}


.cur {cursor:pointer;}
.non_cur {cursor:default;}


.d-b {display: block;}
.d-ib {display: inline-block; vertical-align: top;}



/*로케이션*/
.path {background-color: #efefef;}
.path .inr-c {padding:0 14px;}
.path .inr-c > ul {font-size: 0;}
.path .inr-c > ul > li {
	display: inline-block; *display: inline; *zoom:1;
	font-size: 16px; line-height: 50px; vertical-align: middle;
	padding-right: 30px;
}
_::-moz-svg-foreign-content, :root .path li {float: left;}
.path li img {display: inline-block; width:85px; height: 76px; border: 1px solid #eee;}

.path .inr-c > ul > li:first-child {padding-left: 0; margin-left: 0; background: none;}
.path .inr-c > ul > li:first-child > span {background: none; padding-left: 20px; background: url('../images/common/ico_home.gif') 0 center no-repeat;}
.path .inr-c > ul > li > span {padding-left: 22px; background: url('../images/common/bg_location_s.png') 0 center no-repeat;}
.path .inr-c > ul > li.current {font-weight: 700;}

.path.sub {padding-top: 25px; padding-bottom: 25px;}


/*검색*/
.box_sch {position: relative; display: inline-block; *display: inline; *zoom:1; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.box_sch input.inp_txt {border: 0; background: none;}
.box_sch .btn {position: absolute; right: 10px; top: 0; text-indent: -9999px; height: 100%; vertical-align: top;}

.ico_sch1 {display: block; width: 30px; height: 100%; background: url(../images/common/ico_search1.png) center center no-repeat;}
.ico_sch2 {display: block; width: 40px; height: 100%; background: url(../images/common/ico_search2.png) center center no-repeat;}
.ico_sch3 {display: block; width: 40px; height: 100%; background: url(../images/common/ico_search3.png) center center no-repeat;}


.box_sch.ty1 {max-width:300px; background-color: #005fa9; padding: 0 40px 0 10px;}
.box_sch.ty1 input.inp_txt {width: 100%; vertical-align: top; color: #fff;}

.box_sch.ty1 input.inp_txt::-webkit-input-placeholder {color: #7499c6;}
.box_sch.ty1 input.inp_txt::-moz-placeholder {color: #7499c6;}
.box_sch.ty1 input.inp_txt:-ms-input-placeholder {color: #7499c6;}
.box_sch.ty1 input.inp_txt:-moz-placeholder {color: #7499c6;}

.box_sch.ty2 {width: 80%; max-width:560px; background-color: #fff; padding: 0 50px 0 10px; border: 4px solid #1c3661;}
.box_sch.ty2 input.inp_txt {height: 50px; line-height: 50px; color: #000;}


/*버튼*/
.btn-bot {margin-top:40px;}
.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px;
	border:2px solid #fff;
	color:#fff; font-size:14px; font-size:0.875rem; text-align: center; font-weight: 700;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.btn-pk.w100p {width: 100%; min-width:auto !important;}


.btn-pk.b {min-width:300px; padding:14px 20px; font-size:18px; font-size:1.125rem;}
.btn-pk.n {min-width:100px; padding:10px 10px; font-size:14px; font-size:0.875rem;}
.btn-pk.nb {min-width:100px; padding:12px 10px; font-size:16px; font-size:1rem;}
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; font-size:0.875rem; border-width: 1px;}
.btn-pk.mem {width: 100%; padding: 20px 20px; font-weight: 700; font-size: 20px; line-height: 20px;}


.btn-pk.black {border-color: #000; color: #000;}
.btn-pk.black:hover {background-color:#000; color: #fff;}
.btn-pk.black2 {background-color: #222; border-color: #222; color: #fff;}

.btn-pk.blue {color:#333399; border-color: #333399;}
.btn-pk.blue:hover {background-color:#333399;}
.btn-pk.blue2 {background-color:#333399; border-color: #333399; color: #fff;}

.btn-pk.red {color:#e50012; border-color: #e50012;}
.btn-pk.red:hover {background-color:#e50012; color: #fff;}
.btn-pk.red.rv {background-color:#e50012; color: #fff;}
.btn-pk.red2 {background-color:#e50012; color: #fff;}

.btn-pk.gray {background-color:#cdcdcd; border-color: #cdcdcd;}
.btn-pk.gray:hover {background-color:#434343;}
.btn-pk.gray2 {background-color:#fff; border-color: #cdcdcd; color: #666;}
.btn-pk.gray2:hover {background-color:#cdcdcd; color: #fff;}
.btn-pk.gray2.rv {background-color:#cdcdcd; color: #fff;}

.btn-pk.kakao {background-color: #fae100; border-color: #fae100; color: #3c1e1e;}
.btn-pk.naver {background-color: #00c939; border-color: #00c939;}


.btn-pk.ty1 {background-color: #e1e1e1; border-color: #e1e1e1; color: #666;}
.btn-pk.ty2 {background-color: #e5eeff; border-color: #e5eeff; color: #377bff;}
.btn-pk.ty21 {background-color: #ccc; border-color: #ccc; color: #666;}
.btn-pk.ty3 {background-color: #fef0db; border-color: #fef0db; color: #ff9704;}
.btn-pk.ty4 {background-color: #fa5172; border-color: #fa5172; color: #fff;}
.btn-pk.ty5 {background-color: #000; border-color: #000; color: #fff;}


.mbtn_ty1 {text-align: center;}
.mbtn_ty1 .btn-pk {min-width: 120px;}



/*
.btn_more {display: block; width: 28px; height: 28px; line-height: 28px; border: 1px solid #ccc; text-indent: -9999px; text-align: center; background: url('../images/common/ico_more1.png') center center no-repeat;}



.btn_plus, .btn_minus {position: relative; width: 20px; height: 20px; border: 1px solid #ccc; font-size: 15px;}
.btn_plus:after, .btn_minus:after {position: absolute; left: 0; top: 0; width: 100%; height: 18px; font-size: 15px; line-height: 18px; color: #057171;}
.btn_plus span, .btn_minus span {text-indent: -9999px;}

.btn_plus:after {content:"+"; }
.btn_minus:after {content:"-"; }
*/




/*아이콘*/
.i-aft {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.i-aft:after {content: ''; position: absolute; left: 0; top: 50%; background-image: url('../images/common/ico_common.png'); background-repeat: no-repeat;}
.i-set {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 0; background-image: url('../images/common/ico_common.png'); background-repeat: no-repeat;}


.i-aft.i_kakao {padding-left: 50px;}
.i-aft.i_kakao:after {width: 44px; height: 44px; margin-top: -22px; background-position: -85px -10px;}
.i-aft.i_naver {padding-left: 36px;}
.i-aft.i_naver:after {width: 28px; height: 26px; margin-top: -13px; background-position: -139px -10px;}

.i-aft.i_cal1 {padding-left: 27px;}
.i-aft.i_cal1:after {width: 20px; height: 21px; margin-top: -10.5px; background-position: -194px -10px;}




.i-set.i_sch1 {width: 20px; height: 20px; background-position: -10px -10px;}

.i-set.i_print {width: 32px; height: 32px; background-position: -10px -70px;}
.i-set.i_kakao {width: 32px; height: 32px; background-position: -52px -70px;}
.i-set.i_face {width: 32px; height: 32px; background-position: -94px -70px;}
.i-set.i_twiter {width: 32px; height: 32px; background-position: -136px -70px;}
.i-set.i_band {width: 32px; height: 32px; background-position: -178px -70px;}
.i-set.i_link {width: 32px; height: 32px; background-position: -220px -70px;}

.i-set.i_prev1 {width: 13px; height: 22px; background-position: -382px -10px;}
.i-set.i_next1 {width: 13px; height: 22px; background-position: -405px -10px;}
.i-set.i_prev2 {width: 30px; height: 30px; background-position: -270px -10px;}
.i-set.i_next2 {width: 30px; height: 30px; background-position: -310px -10px;}
.i-set.i_prev3 {width: 24px; height: 22px; background-position: -358px -70px;}
.i-set.i_next3 {width: 24px; height: 22px; background-position: -381px -70px;}



.t-dot {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.t-dot > * {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.t-dot-multi {overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-all; -webkit-line-clamp: 2;}

.f-dot {position: relative; font-size: 14px; color: #000; padding-left: 10px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.f-dot:after {content:""; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; border-radius: 6px; background-color: #000;}

.i-txt {
	display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
	padding: 2px 10px;
	font-size: 12px; line-height: 1;  color: #fff;
	background-color: #999;
}

.i-txt.gray {background-color: #333333; }
.i-txt.red {background-color: #e71f19; }
.i-txt.purple {background-color: #333399; }
.i-txt.orange {background-color: #fd9b5a;}
.i-txt.green {background-color: #086d71;}

.i-point {
	position: relative;
	display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
	padding: 4px 5px; margin-left: 5px;
	font-size: 12px; line-height: 1;  color: #fff;
	background-color: #ed991c;
	-webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px;
}
.i-point:after {
	content:""; position: absolute; left: -8px; top: 0;
	width: 0px; height: 0px;
	border-top: 0 solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #ed991c;
}
.i-bat {display: inline-block; *display: inline; *zoom: 1; width: 30px; padding: 3px 5px; vertical-align: top; text-align: center; color: #fff; font-size: 13px; line-height: 1; background-color: #ec9a1c; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.i-state {
	display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
	font-size: 12px; width: 55px; padding: 3px 5px; text-align: center; color: #fff;
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}

.lst_line {font-size: 0;}
.lst_line li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 13px; line-height: 1;}
_::-moz-svg-foreign-content, :root .lst_line li {float: left;}
.lst_line li a {position: relative; display: block; padding: 15px 14px;}
.lst_line li a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd;}
.lst_line li:first-child a:after {content:none;}






/*캡챠 보안문자 입력*/
.captcha_refresh {height:32px;line-height:32px;font-size:12px; color:#666;}
.captcha_refresh i {display:inline-block;vertical-align:middle;margin-right:2px;width:16px; height:16px; background: url('../images/common/ico_refresh_16x16.png') center center no-repeat;}



/*탭*/
.tabs {}
.tabs ul {font-size: 0;}
.tabs li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tabs li {float: left;}

.tabcont {display: none;}


.tabs.ty1 {margin-bottom: 40px;}
.tabs.ty1 ul {display: flex; width: 100%;}
.tabs.ty1 li {flex:1; border: 1px solid #d8d8d8;}
.tabs.ty1 li a {display:table; padding:10px; width: 100%; height: 50px; font-weight: 700; font-size: 16px; color: #666; text-align: center;}
.tabs.ty1 li a span {display: table-cell; vertical-align: middle;}
.tabs.ty1 li.on {border-color: #000; border-bottom: 0;}
.tabs.ty1 li.on a {color: #000;}


.tabs.ty2 {margin-bottom: 20px;}
.tabs.ty2 ul {display: flex; width: 100%; background-color: #f5f5f5; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
.tabs.ty2 li {flex:1; }
.tabs.ty2 li a {display: block; padding: 20px 10px; font-size: 16px; line-height: 1; text-align: center; color: #666; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
.tabs.ty2 li.on {}
.tabs.ty2 li.on a {color: #fff; background-color: #e50012;}


.tabs.ty3 {margin-bottom: 20px;}
.tabs.ty3 ul {display: table; width: 100%; border-bottom: 1px solid #d8d8d8;}
.tabs.ty3 li {display: table-cell; vertical-align: middle; text-align: center;}
.tabs.ty3 li a {position: relative; display: block; padding: 10px 0px; font-size: 14px;}
.tabs.ty3 li.on a {color: #3263ff;}
.tabs.ty3 li.on a:after {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #3263ff;}


.tabs.ty4 {}
.tabs.ty4 ul {overflow:hidden; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.tabs.ty4 li {position: relative; float: left; width: 25%; box-sizing:border-box; border: 1px solid #ccc; border-left: 0; margin-bottom: -1px;}
.tabs.ty4 li a {display: table; width: 100%; height: 45px; font-size: 12px; color: #000; text-align: center;}
.tabs.ty4 li a > span {display: table-cell; vertical-align: middle;}

.tabs.ty4 li:nth-child(4n) {border-right: 0;}

.tabs.ty4 ul.n5 li {width: 20%;}
.tabs.ty4 ul.n5 li:nth-child(4n) {border-right: 1px solid #ccc;}
.tabs.ty4 ul.n5 li:nth-child(5n) {border-right: 0;}

.tabs.ty4 li.on a {background-color: #fff; font-weight: 700;}
.tabs.ty4 li.on a:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background-color: #e50012;}


/*테이블*/
.inp_sch {display: inline-block; vertical-align: middle; margin-right: 10px;}
.inp_birth {display: inline-block; vertical-align: middle; margin-right: 10px;}
.inp_sms {display: inline-block; vertical-align: middle; margin-left: 10px;}
.inp_addr {}
.inp_addr > div:first-child {margin-bottom: 5px;}


.inp_filebox {position: relative; padding-right: 47px;}
.inp_filebox > .pos {position: absolute; right: 0; top: 0;}
.inp_filebox > .pos .btn-pk.n {min-width:auto;}
.inp_filebox > .pos .ico_close {display: block; text-indent: -9999px; width: 20px; height: 22px; background: url('../images/common/ico_trash.png') center center no-repeat;}


.inp_addr {}
.inp_addr .btn-pk {padding-top: 9px; vertical-align: top;}


.tbl_tit {position: relative; margin-bottom: 12px;}
.tbl_tit .title {font-weight: 600; font-size: 20px; color: #000;}
.tbl_tit .fz {font-size: 15px; color: #777;}
.tbl_tit > .rgh {position: absolute; right: 0; bottom: 0;}
.tbl_tit .btns2 {font-size: 13px;}
.tbl_tit .btns2 button {font-size: 10px; vertical-align: middle; color: #086d71 ;}



.tbl_footer {margin-top: 20px; overflow:hidden; text-align: center;}
.tbl_footer > div {display: inline-block; *display: inline; *zoom:1; vertical-align: top;}
.tbl_footer > .lft {float: left;}
.tbl_footer > .rgh {float: right;}







.box_comp1 {margin-top: -1px; background-color: #f8f8f8; border: 1px solid #d1d1d1; text-align: center;}
.box_comp1 > .inner {padding: 5% 15% 10%; border-top: 1px dashed #d1d1d1;}
.box_comp1 > .inner:first-child {border-top: 0;}
.box_comp1 .title {margin-bottom: 30px; font-size: 24px; color: #333;}
.box_comp1 .area_lst_mem .box_info_mem1 .botm {border-top: 0;}






.lst_dayck {font-size: 0;}
.lst_dayck li {
	display: inline-block; *display: inline; *zoom:1; margin-right: 5px; font-size: 13px; line-height: 26px; width: 58px; text-align: center; color: #777; border: 1px solid #c4c4c4; background-color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.lst_dayck li.on {background-color: #067170; border-color: #067170; color: #fff;}


.lst_dot {}
.lst_dot li {position: relative; font-size: 14px; color: #000; line-height: 24px; padding-left: 10px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.lst_dot li:after {content:""; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; border-radius: 6px; background-color: #000;}

.lst_dot.ty2 li {overflow:auto; white-space:inherit; text-overflow: inherit; line-height: 1.5; margin-bottom: 5px;}
.lst_dot.ty2 li:after {top: 8px;}


.box-info1 {padding: 25px 30px; background-color: #f5f5f5;}
.box-info1 .h1 {margin-bottom: 15px; font-weight: 700; font-size: 20px; color: #000;}



.box_result1 {text-align: center; padding: 20px 0; font-size: 14px; color: #666;}
.box_result1 .t1 {margin-bottom: 30px; font-weight: 700; font-size: 16px; color: #000;}
.box_result1 .t2 {margin-bottom: 10px; font-size: 36px; font-weight: 700;}



/*header*/
#header {
	z-index:10; position: relative; border-bottom: 1px solid #000; background-color: #f7f7f7;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
#header:after {content:""; clear: both; display: block;}
#header > .top {
	border-bottom:1px solid #ccc;
	font-size:12px; color:#000; line-height:29px; text-align: center;
	background-color: #efefef;
}
.header > .top a {position: relative; display: inline-block; vertical-align: top; padding: 0 10px; color:#000; }
.header > .top a:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #4c4c4c;}
.header > .top a:first-child:after {content:none;}
.header > .top .inr-c {overflow:hidden;padding: 0 14px;}
.header > .top .lft {float: left;}
.header > .top .rgh {float: right;}

.header > .top a.on {font-weight: 700;}


.header > .cen {height: 100px;}
.header > .cen .inr-c{padding-left:14px;padding-right:14px;}

.logo {z-index:0; position: absolute; display:inline-block; width:240px; text-align: center; height:100px; line-height: 100px; vertical-align:top;}
.logo:after {content:""; clear:both; display:block;}
.logo a {display:block; width:100%; height:100%; font-size:0; vertical-align:top;}

.btn_sch {position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; text-align: center;}

.btn_gnb {
	z-index:10;
	position: absolute;
	left:290px; bottom:0;
	width: 50px; height: 50px;
	cursor: pointer;
	font-size: 0; text-align: center;
}
.btn_gnb span {
	position: absolute;
	top: 50%; left: 50%;
	display: block;
	width: 20px; 	height: 3px;
	margin-left: -10px; margin-top: -1.5px;
	background-color: #636363;
}
.btn_gnb span:after,
.btn_gnb span:before {
	content: "";
	position: absolute; left:0;
	width: 20px; height: 3px;
	background-color: #636363;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_gnb span:after {-webkit-transform: translateY(-7px); transform: translateY(-7px);}
.btn_gnb span:before { -webkit-transform: translateY(7px); transform: translateY(7px);}


.gnbbox {margin-left: 350px; padding-top: 25px;}
.gnb {font-size: 0;}
.gnb li {display:inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative;}
_::-moz-svg-foreign-content, :root .gnb li {float: left;}
.gnb li a {
	display:block;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	padding: 0 20px;
	font-weight: 700; font-size: 16px; line-height: 50px; color:#333333;
}


.gnb li a span.ico_open_aug {position: absolute; left: 50%; top: 10px; margin-left: 15px; width: 33px; height: 37px; background: url('../images/common/ico_open_aug.png') 0 0 no-repeat;}
.gnb li a span.ico_open_aug:after {content:none;}
.gnb li a span.ico_new {position: absolute; left: 50%; top: 10px; margin-left: 15px; width: 33px; height: 37px; background: url('../images/common/ico_new.png') 0 0 no-repeat;}
.gnb li a span.ico_new:after {content:none;}

.gnb li.on {position: relative;}
.gnb li.on:after {content:""; position: absolute; left: 0; bottom: -25px; width: 100%; height: 4px; background-color: #e50012;}
.gnb li.on a {color: #e50012 ;}



/*.modal-dim {position:fixed; left:0; top:0; right: 0; bottom: 0;  background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); z-index:1;}*/
#allmenu {display:none; z-index: 10; position:absolute; left:0; top:130px; width:100%; background-color:#eaeaea; border-top: 1px solid #000; box-shadow:0 2px 5px rgba(0,0,0,.1);}
#allmenu:after {content:""; position: absolute; left: 0; top: 0; width: 30%; height: 100%; background-color: #fff;}
#allmenu .inr-c {z-index: 1; position: relative; background-color: #eaeaea;}
#allmenu .top {display: none;}
#allmenu .tx {position: absolute; left: 0; top: 0; width: 215px; height: 100%; font-size: 16px; line-height: 1.5; padding: 20px 20px 0 10px; word-break:keep-all; background-color: #fff;}
#allmenu .tx strong {display: block; font-weight: 700; font-size: 20px; margin-bottom: 10px;}
#allmenu .menu {position:relative; padding-left: 215px; padding-top: 10px; padding-bottom: 10px;}
#allmenu .menu > ul > li {overflow:hidden; }
#allmenu .menu > ul > li > a {display: none;}
#allmenu .menu > ul > li .h1 {font-size:15px; line-height:1; width:120px; padding:12px 0 12px 35px; font-weight: 700; color: #000;}
#allmenu .menu > ul > li .inner {display: table; table-layout:fixed; font-size: 0; width: 100%; padding-left: 20px; box-sizing:border-box;}
#allmenu .menu > ul > li .inner > * {display: table-cell; vertical-align: top;}
#allmenu .menu > ul > li li {position:relative; display:inline-block; vertical-align:top;}
#allmenu .menu > ul > li li a {display:block; padding:10px 18px; font-size:14px; line-height:16px;}
#allmenu .menu > ul > li li:hover a {color:#005ea8;}
#allmenu .menu > ul > li li:after {content:""; position:absolute; right:0; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#ddd;}
#allmenu .menu > ul > li li:last-child:after {content:none;}

.btn_close {z-index: 1; position: absolute; right: 0; top: 5px; width: 40px; height: 40px; font-size: 0;}
.btn_close span {width: 20px; height: 1px; background-color: #000; transform:rotate(45deg);}
.btn_close span:after {content:""; position: absolute; left: 0; top: 0; width: 20px; height: 1px; background-color: #000; transform:rotate(90deg);}






/*footer*/
#footer {clear:both; z-index: 1; position: relative; background-color: #f0f0f0;}
.footer .top {overflow:hidden; position: relative; padding: 10px 0; border-top:1px solid #dadada; background-color: #fff;}
.footer .top .fLink {float: left;}
.footer .top .fBaner {float: right;}
.footer .top .fBaner li {display: inline-block; vertical-align: middle;}
.footer .top .fBaner li a {display: block; padding: 8px 0;}
.footer .info {position:relative; padding: 35px 0 30px;}
.footer .info .f_logo {float: left; margin-top: 20px;}
.footer .info .cont {padding-left: 230px;}
.footer .info .cont .txt > p {font-size:13px; margin-bottom: 5px;}
.footer .info .cont .txt > p > span {padding: 0 3px; position: relative;}
.footer .info .cont .txt > p > span:first-child {padding-left: 0;}
.footer .info p.copy {padding:10px 0; font-size:13px; }

/*
.family_site {position: relative; display: inline-block; *display: inline; *zoom: 1; width: 140px;}
.family_site .tit {display: block; z-index: 1; position: relative; padding: 5px 30px 5px 10px; border: 1px solid #ddd; font-size: 13px; background:#fff url('../images/common/bg_select1.png') right center no-repeat;}
.family_site .lst {display: none; position: absolute; left: 0; bottom: 30px; width: 100%; font-size: 13px; border: 1px solid #ddd; background-color: #fff; box-sizing:border-box;}
.family_site .lst li {border-top: 1px dashed #ddd;}
.family_site .lst li:first-child {border-top: 0;}
.family_site .lst a {display: block; padding: 5px 10px;}

.family_site .tit:hover,
.family_site .tit.on {border-color: #397bc8; background-image: url('../images/common/bg_select1_on.png'); color: #397bc8;}
*/


/*날개배너*/
.adside_box {z-index: 1; position: absolute; margin-top: 20px;}
.adside_box.lft {left: -120px;}
.adside_box.rgh {right: -120px;}
.adside_box > a {display: block; margin-bottom: 5px;}
.adside_box .btn_close {position: absolute; right: 0; top: 0; width: 26px; height: 26px; background-color: #242021; font-size: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.adside_box .btn_close span:after {content:""; position: absolute; left: 20%; top: 50%; width: 60%; height: 1px; background-color: #fff; transform:rotate(45deg);}
.adside_box .btn_close span:before {content:""; position: absolute; left: 20%; top: 50%; width: 60%; height: 1px; background-color: #fff; transform:rotate(-45deg);}

.adside_box.fix {left: 50%; margin-left: 100px;}

.sub_b { margin-top:45px;}






/*contents*/
.contents {padding-left: 10px; padding-right: 10px;}






/* 2: 공통
=========================================================================================== */
.hd_tit1 {margin-bottom: 60px;}

.h_tit1 {margin-bottom: 15px; font-weight: 700; font-size: 20px; color: #000;}





/***********************메인***********************/
.flex_article {display: flex; padding-top: 20px;}
.lft_article {width: 75.75%; padding: 0 14px; border-right: 1px solid #ccc;}
.rgh_article {width: 24.25%; padding: 0 15px;}




/*기사사진*/
.artc_img {overflow:hidden; position: relative; height: 0; padding-bottom: 33%;}
.artc_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


.artc_ad {margin-top:6px;text-align:right;}
.artc_ad.h130 img {width: 100%; height: 130px;}
.artc_ad.h124 img { height: 124px;}
.artc_ad.h120 img {width: 100%; height: 120px;}
.artc_ad.h110 img {width: 100%; height: 110px;}



.rgh_article .artc_ad:first-child {margin-top: 0;}

.rgh_article .lst_prd li {padding: 0; margin-bottom: 20px;}
.rgh_article .lst_prd li .t1 {/*height: auto;*/ margin-bottom: 0;}






/* 3: 컨텐츠
=========================================================================================== */
a {transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}




/*슬라이드*/
.owl-dots {z-index: 10; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.owl-dots .owl-dot {display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 15px; height: 3px; margin: 0 3px;}
.owl-dots .owl-dot.active {background-color: #173d79;}
.owl-nav {cursor:pointer; position: absolute; right: 0; top: -40px;}
.owl-nav .owl-prev,
.owl-nav .owl-next {width: 18px; height: 16px; border: 1px solid #ccc; background-color: #fff; margin-left: -1px; color: #666; }
.owl-nav .owl-prev span,
.owl-nav .owl-next span{font-size: 20px; line-height: 0; margin-top: -2px;}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {background-color: #ccc; color: #fff;}


/*컨텐츠*/
#container {padding-bottom: 50px; }
#container .inr-c:after {content:""; display: block; clear: both;}




/* 3-1. 맴버쉽-로그인등
========================================*/
.t_error {padding: 7px 7px; font-size: 11px; color: #ce0000; background-color: #fcf4f4;}
.t_error > span {display: inline-block; padding-left: 16px; background: url('../images/common/ico_error.png') 0 center no-repeat;}


.i_imp {display: inline-block; vertical-align: top; width: 5px; height: 5px; margin-left: 5px; background-color: #e50012; border-radius: 50%;}


input.inp_txt_mem {width: 100%; height: 70px; line-height: 70px; border: 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 16px; background: none;}
input.inp_txt_mem:focus {border-color: #000;}
select.select_mem {width: 100%; height: 70px; line-height: 70px; border: 0; margin-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #ccc; font-size: 16px; background: url('../images/common/bg_select2.png') right center no-repeat;}
select.select_mem:focus {border-color: #000;}
select.select_mem::-ms-expand {display: none;}
p.inp_txt_mem {display: table; width: 100%; height: 70px; padding: 0 10px; font-size: 16px;}
p.inp_txt_mem span {display: table-cell; vertical-align: middle;}

.inp_radio.mem label {font-size: 16px;}
.inp_radio.mem label::after,
.inp_radio.mem label:after {border-color: #919191;}
.inp_radio.mem input:checked + label:before,
.inp_radio.mem input:checked + label::before,
.inp_radio.mem input[checked="checked"] + label:before,
.inp_radio.mem input[checked="checked"] + label::before {background-color: #067170;}

.inp_phone.mem {font-size: 0; overflow:hidden;}
.inp_phone.mem select.select_mem {float: left; width: 32%; min-width:auto; vertical-align: top;}
.inp_phone.mem input.inp_txt_mem {float: left; width: 32%; min-width:auto; margin-left: 2%; vertical-align: top;}


.inp_email.mem {font-size: 0; overflow:hidden; width: 100%;}
.inp_email.mem span {float: left; width: 10%; text-align: center; font-size: 16px; line-height: 70px;}
.inp_email.mem select.select_mem {float: left; width: 35%; min-width:auto; vertical-align: top;}
.inp_email.mem input.inp_txt_mem {float: left; width: 55%; min-width:auto; vertical-align: top;}



.area_member {padding: 100px 0; min-height:410px; background-color: #fff;}
.area_member .mbtn_ty1 .btn-pk {width: 250px;}

.area_member .box-info1 .mbtn_ty1 {display: flex;}
.area_member .box-info1 .mbtn_ty1 .btn-pk {width: 100%; margin-left: 5%;}
.area_member .box-info1 .mbtn_ty1 .btn-pk:first-child {margin-left: 0;}


.area_member .hd_mem {text-align: center; margin-bottom: 40px;}
.area_member .hd_mem .title {font-weight: 700; font-size: 36px; line-height: 1.2; color: #000;}

.area_member.login {max-width:530px; margin: 0 auto;}
.area_member.login .btn-bot {}
.area_member.login .btn-bot .btn-pk {margin-bottom: 5px;}
.area_member.login .lst_line {text-align: center; margin-top: 20px;}
.area_member.login .lst_line li {font-size: 16px;}

.area_member.join {max-width:530px; margin: 0 auto;}
.area_member.join .inps .col .h {width: 110px;}
.area_member.join .inps .inp_phone,
.area_member.join .inps .inp_email {padding-right: 0;}


.area_member .inps {margin-bottom: 50px;}
.area_member .inps .col  {position: relative; border-bottom: 1px solid #ccc; display: table; width: 100%; table-layout:fixed;}
.area_member .inps .col > * {display: table-cell; vertical-align: middle;}
.area_member .inps .col .h {width: 100px; font-weight: 700; font-size: 16px; color: #000;}
.area_member .inps .col .h.ty2 {width: 130px;}

.area_member .inps .col.etc,
.area_member .inps .col.etc >* {display: block;}
.area_member .inps .col.etc .h {padding: 18px 0;}


.area_member .inps .inp_phone {width: 100%; padding-right: 120px;}
.area_member .inps .inp_email {width: 100%; padding-right: 120px;}



.area_member .inps .select_mem {border-bottom: 0; margin-bottom: 0;}
.area_member .inps .inp_txt_mem {border-bottom: 0; margin-bottom: 0;}
.area_member .inps .inp_txt_mem:disabled {background: #f5f5f5;}
.area_member .inps .btn-pk.black {position: absolute; right: 0; top: 50%; transform:translateY(-50%); border-width: 2px; font-weight: 700; white-space:nowrap; display:block;}

.area_member .fz1 {margin-bottom: 20px; font-size: 16px; color: #666;}
.area_member .fz2 {margin-top: 10px; font-size: 14px;}


.inp_check {font-size: 0; width: 102%;}
.inp_checkbox_txt {position: relative; display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; min-width:122px; margin-bottom: 2%; text-align: center;}
.inp_checkbox_txt label {display: block; cursor:pointer; line-height: 46px; border: 1px solid #ccc; font-size: 16px; color: #666;}
.inp_checkbox_txt input[type="checkbox"] {position: absolute; left: 0; top: 0; width: 1px; height: 1px; visibility: hidden; position: static \0/IE8;}
.inp_checkbox_txt input[type="checkbox"]:checked + label,
.inp_checkbox_txt input[type="checkbox"][checked="checked"] + label {background-color: #e50012; border-color: #e50012; color: #fff;}
.inp_checkbox_txt input[type="checkbox"]:disabled + label,
.inp_checkbox_txt input[type="checkbox"][disabled="disabled"] + label {background-color: #f5f5f5; border-color: #ccc; color: #2c2c2c;}

.inp_radiobox_txt {position: relative; display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; min-width:122px; margin-bottom: 2%; text-align: center;}
.inp_radiobox_txt label {display: block; cursor:pointer; line-height: 46px; border: 1px solid #ccc; font-size: 16px; color: #666;}
.inp_radiobox_txt input[type="radio"] {position: absolute; left: 0; top: 0; width: 1px; height: 1px; visibility: hidden; position: static \0/IE8;}
.inp_radiobox_txt input[type="radio"]:checked + label,
.inp_radiobox_txt input[type="radio"][checked="checked"] + label {background-color: #e50012; border-color: #e50012; color: #fff;}
.inp_radiobox_txt input[type="radio"]:disabled + label,
.inp_radiobox_txt input[type="radio"][disabled="disabled"] + label {background-color: #f5f5f5; border-color: #ccc; color: #2c2c2c;}





.a_link {text-align: center; font-size: 0;}
.a_link a {position: relative; display: inline-block; vertical-align: top; font-size: 14px; width: 49%;}
.a_link a:hover {font-weight: 700;}
.a_link a:first-child:after {content:""; position: absolute; right: 0; top: 50%; width: 1px; height: 12px; background-color: #333; margin-top: -6px;}




/*회원가입*/
.area_terms {border-top: 1px solid #e50012; margin-top: 30px;}
.area_terms .tit {padding-top: 40px; margin-bottom: 20px;}
.area_terms .box {overflow-y:scroll; height: 200px; margin-bottom: 10px; padding: 20px; border: 1px solid #ddd; font-size: 14px; line-height: 1.7; color: #666; -webkit-overflow-scrolling:touch; }
.area_terms .box > div {white-space: pre-line;}
.area_terms br {display: none;}
.area_terms table {table-layout:fixed; margin: 10px 0;}
.area_terms td,
.area_terms th {border: 1px solid #ddd; text-align: center; padding: 5px; height: 30px; line-height: 1.2;}
.area_terms th {background-color: #f9f9f9;}




/*
.tbl_member {}
.tbl_member table {border-top: 1px solid #eee;}
.tbl_member tr {border-bottom: 1px solid #eee;}
.tbl_member td, .tbl_member th {padding: 10px; font-size: 14px; height: 35px; vertical-align: middle;}
.tbl_member th {text-align: left; color: #000; font-weight: 700;}
.tbl_member .fz {font-size: 13px; color: #333;}
.tbl_member .inp_txt {width: 250px;}
.tbl_member .textarea1 {width: 100%; height: 180px;}
.tbl_member .t2 {font-size: 14px;}

.area_joincom {text-align: center; padding-top: 50px;}
.area_joincom .img {margin-bottom: 20px;}
.area_joincom .h1 {margin-bottom: 20px; font-size: 30px; color: #333;}
.area_joincom .t1 {font-size: 17px; line-height: 1.5;}



/*아이디,비번 찾기*
.tbl_member.ty2 {}
.tbl_member.ty2 table {border: 0;}
.tbl_member.ty2 tr {border: 0;}
.tbl_member.ty2 td {padding-bottom: 0;}
.tbl_member.ty2 .inp_txt {width: 370px; height: 50px; line-height: 50px;}
.tbl_member.ty2 .btn-pk.n {height: 50px; width: 120px;}


.area_comp {padding-top: 30px; text-align: center; color: #333;}
.area_comp .b {padding: 10px 20px; display: inline-block; min-width:50%; vertical-align: top; margin-bottom: 20px; font-size: 16px; font-weight: 700; border: 1px solid #eee;}
.area_comp .h1 {margin-bottom: 20px; font-size: 18px; color: #333;}
.area_comp .t1 {font-size: 15px;}




.lst_sns {}
.lst_sns > a {position: relative; display: block; padding: 11px 0; margin-bottom: 10px; text-align: center; border-radius: 5px; font-size: 15px; line-height: 26px;}
.lst_sns > a > span {position: relative; display: block; margin-left: 65px; border-left: 1px solid rgba(255,255,255,.3);}
.lst_sns > a:after {content:""; position: absolute; left: 0; top: 0; width: 65px; height: 100%; background-repeat: no-repeat; background-position: center center;}
.lst_sns > a > span:after {content:""; position: absolute; left: -2px; top: 0; width: 1px; height: 100%; background-color: rgba(0,0,0,.3);}
.lst_sns > a.sns_facebook {
	border: 1px solid #3657b3; background-color: #4c6dc6; color: #fff;
	background: rgb(108,140,214);
	background: -moz-linear-gradient(top, rgba(108,140,214,1) 3%, rgba(72,105,195,1) 100%);
	background: -webkit-linear-gradient(top, rgba(108,140,214,1) 3%,rgba(72,105,195,1) 100%);
	background: linear-gradient(to bottom, rgba(108,140,214,1) 3%,rgba(72,105,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c8cd6', endColorstr='#4869c3',GradientType=0 );
}
.lst_sns > a.sns_facebook:after {background-image: url('../images/common/ico_sns_facebook.png');}
.lst_sns > a.sns_naver {
	border: 1px solid #268f27; background-color: #31a532; color: #fff;
	background: rgb(74,184,75);
	background: -moz-linear-gradient(top, rgba(74,184,75,1) 0%, rgba(41,156,42,1) 100%);
	background: -webkit-linear-gradient(top, rgba(74,184,75,1) 0%,rgba(41,156,42,1) 100%);
	background: linear-gradient(to bottom, rgba(74,184,75,1) 0%,rgba(41,156,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab84b', endColorstr='#299c2a',GradientType=0 );
}
.lst_sns > a.sns_naver:after {background-image: url('../images/common/ico_sns_naver.png');}
.lst_sns > a.sns_kakao {
	border: 1px solid #dacd18; background-color: #fcee2c; color: #000;
	background: rgb(252,241,64);
	background: -moz-linear-gradient(top, rgba(252,241,64,1) 0%, rgba(251,233,34,1) 100%);
	background: -webkit-linear-gradient(top, rgba(252,241,64,1) 0%,rgba(251,233,34,1) 100%);
	background: linear-gradient(to bottom, rgba(252,241,64,1) 0%,rgba(251,233,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf140', endColorstr='#fbe922',GradientType=0 );
}
.lst_sns > a.sns_kakao:after {background-image: url('../images/common/ico_sns_kakao.png');}

*/



/* 3-7. 기획 기사
========================================*/
.article_list2 {}
.article_list2 li {position: relative; padding-left: 20px; margin-bottom: 10px;}
.article_list2 .im {overflow:hidden; position: absolute; left: 0; top: 50%; width: 85px; height: 75px; transform:translateY(-50%);}
.article_list2 .tx {padding: 13px 10px 13px 75px; height: 95px; border: 1px solid #ccc; font-size: 13px; line-height: 1.4; background-color: #fff;}
.article_list2 .tx .h {margin-bottom: 5px; color: #3263ff; font-size: 12px; letter-spacing:-0.05em;}




.container.features {}
.container.features .path .article_list2 {padding-left: 190px; margin-bottom: -10px;}
.container.features .path .article_list2 ul {font-size: 0;}
.container.features .path .article_list2 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%;}
.container.features .path .article_list2 .tx .h {font-size: 14px; letter-spacing:-0.09em;}
.container.features .path .article_list2 .tx {font-size: 14px;}
.container.features .path .h_tit1 {float: left;}


.lst_feature1 {}
.lst_feature1 li {padding: 20px 0; border-bottom: 1px solid #dedede;}
.lst_feature1 li a {display: block; overflow:hidden; max-height: 170px;}
.lst_feature1 .tit {float: left; width: 120px; padding-left: 10px; font-size: 12px;}
.lst_feature1 .tit .h1 {font-size: 16px; margin-bottom: 10px;}
.lst_feature1 .cont {display: table; table-layout:fixed; padding-right: 35px; font-size: 14px; color: #666; line-height: 20px; box-sizing:border-box;}
.lst_feature1 .cont > div {display: table-cell; vertical-align: top;}
.lst_feature1 .cont .im {padding-right: 10px; width: 260px;}
.lst_feature1 .cont .im span {display: block; width: 250px; height: 170px; border: 1px solid #dedede; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lst_feature1 .cont .tx {}
.lst_feature1 .cont .tx .h1 {font-weight: 700; font-size: 20px; line-height: 22px; color: #000;}
.lst_feature1 .cont .tx .h2 {overflow:hidden; max-height:40px; margin-top: 10px; color: #000;}
.lst_feature1 .cont .tx .t1 {overflow:hidden; margin-top: 15px; max-height:100px;}


/*많이 본 뉴스*/
.article_news {border-top: 2px solid #000;}
.article_news .tit {position: relative; border-bottom: 1px solid #ddd; padding: 10px 15px 10px 0; margin-bottom: 5px;}
.article_news .tit .h1 {font-weight: 700; font-size: 16px; }
.article_news .tit .rgh {position: absolute; right: 0; top: 0;}

.article_news .lst_dot {padding-top: 10px; padding-bottom: 10px;}
.article_news .lst_dot li {margin-bottom: 5px;}


.article_news .tit ul {display: flex; text-align: center;}
.article_news .tit li {flex:1; opacity:.5; border-left: 1px solid #ccc;}
.article_news .tit li:first-child {border-left: 0;}
.article_news .tit li.on {opacity:1;}


.btn_more {display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: right; font-size: 0;}
.btn_more span {position: relative; display: inline-block; vertical-align: middle; width: 13px; height: 3px;}
.btn_more span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 100%; height: 3px; background-color: #989898;}
.btn_more span:before {content:""; position: absolute; left: 50%; top: -6.5px; margin-left: -1.5px; width: 3px; height: 13px; background-color: #989898;}



.lst_count1 {}
.lst_count1 .num {position: absolute; left: -40px; bottom: 0; width: 30px; text-align: center; font-weight: 700; font-size: 24px; color: #333; line-height: 50px; letter-spacing:-0.1em;}
.lst_count1 li {position: relative; padding: 10px 0; border-bottom: 1px solid #ddd;}
.lst_count1 li .txt {position: relative; z-index: 1; margin-left: 40px; margin-right: 65px; font-size: 14px; line-height: 20px; padding: 5px 0;}
.lst_count1 li .txt .t1 {overflow:hidden; height: 40px;}
.lst_count1 li .img {position: absolute; right: 0; top: 10px; width: 50px; height: 50px; border: 1px solid #ddd;}
.lst_count1 li .img span {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.lst_count1 li:first-child {}
.lst_count1 li:first-child .num {color: #fff;}
.lst_count1 li:first-child .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0;}
.lst_count1 li:first-child .txt {margin-right: 0; padding-top: 100px; font-weight: 700; color: #fff;}



/*우측 포토*/
.article_photo {margin-bottom: 15px;}
.article_photo .artc_img {padding-bottom: 70.95%;}
.article_photo .t {
	position: absolute; left: 0; bottom: 0;
	width: 100%; padding: 10px 20px;
	text-align: center; color: #fff; font-size: 15px; font-weight: 700;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

.article_photo .c1 {position: relative; margin-bottom: 5px;}

.article_photo .c2 {overflow:hidden;}
.article_photo .c2 > div {float: left; width: 49%; margin-left: 2%; padding-bottom: 35.477%;}

.article_photo .c2 > div:first-child {width: 100%; margin-left: 0; margin-bottom: 2%; padding-bottom: 60%;}
.article_photo .c2 > div:nth-child(2) {margin-left: 0;}


/* 3-8. 독자광장
========================================*/
.container.reader {background-color: #f7f7f7;}


.tbl_basic {}
.tbl_basic .emp {position: relative; display: inline-block;}
.tbl_basic .emp:after {content:"*"; color: #f44e5d;}

.tbl_basic table {border-top: 1px solid #e50012; table-layout:fixed;}
.tbl_basic thead tr {border-bottom: 1px solid #000;}
.tbl_basic thead th {padding: 10px 10px; height: 60px; font-weight: 700; color: #333; font-size: 16px; text-align: center;}
.tbl_basic tbody tr {border-bottom: 1px solid #ccc;}
.tbl_basic tbody td {padding: 10px 10px; height: 60px; font-size: 16px;}
.tbl_basic tbody th {padding: 10px 10px; height: 60px; font-weight: normal; color: #000; text-align: left; background-color: #f8f9fb;}
.tbl_basic th:first-child,
.tbl_basic td:first-child {border-left: 0;}
.tbl_basic .fz {font-size: 13px; font-size: 0.8125rem; color: #777;}
.tbl_basic .bdln {border-left: 0 !important;}

.tbl_basic col.num {width: 60px;}
.tbl_basic col.day {width: 100px;}
.tbl_basic col.file {width: 60px;}
.tbl_basic col.name {width: 80px;}
.tbl_basic col.count {width: 80px;}
.tbl_basic col.subject {width: 150px;}

.tbl_basic td .inp_calender {padding: 8px 10px; border-top: 1px dotted #d4d6d6;}
.tbl_basic td .inp_calender:first-child {border-top: 0;}


.tbl_basic table.list td {text-align: center;}
.tbl_basic table.list td.subject {text-align: left; font-weight: 600; color: #000;}

.tbl_basic table.list td .end {color: #037172;}

.tbl_basic table.write2 th {background-color: #f7f7f7;}
.tbl_basic table.write2 td {text-align: center;}
.tbl_basic table.write2 col.txt {width: 15%;}
.tbl_basic table.write2 col.cost {width: 30%;}
.tbl_basic table.write2 tfoot td {padding: 8px 10px; background-color: #f2f8f8; border-left: 1px solid #d4d6d6;}
.tbl_basic table.write2 tfoot td:first-child {border-left: 0;}
.tbl_basic table.write2 tfoot .fz-b1 {font-size: 20px;}



.tbl_basic .tbl_head {margin-bottom: 10px;}


.tbl_basic table.view {}
.tbl_basic table.view th {width: 100px; font-size: 13px;}
.tbl_basic td.textbox > div.textbox {min-height:300px; padding-top: 10px; padding-bottom: 10px; }
.tbl_basic td.textbox > div.textbox img {float: left; margin-right: 20px;}
.tbl_basic td.textbox > div.textbox.clear img {float: none;}


.tbl_sch {margin-bottom: 20px; text-align: right;}
.tbl_sch .select1 {width: 180px; border-radius: 50px; padding-left: 20px;}
.tbl_sch .inp {position: relative; display: inline-block; vertical-align: top; border-bottom: 1px solid #000;}
.tbl_sch .inp .inp_txt {border: 0; background: none; width: 350px;}





.lst_prd {}
.lst_prd li {padding: 13px 0; font-size: 14px;}
.lst_prd li a {display: flex; width: 100%;}
.lst_prd li .img {padding-right: 10px;}
.lst_prd li .img span {position: relative; overflow:hidden; display: block; width: 86px; height: 62px;}
.lst_prd li .img span:after {content:""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ddd; box-sizing:border-box;}
.lst_prd li .img span img {width: 100%; height:100%;}
.lst_prd li .h1 {margin-bottom: 5px; font-size: 16px; line-height: 20px; font-weight: 700; color: #000; height: 20px;}
.lst_prd li .t1 {margin-bottom: 3px; height: 40px; line-height: 1.4;}
.lst_prd li .t2 {height: 16px; font-size: 12px; color: #525252;}





.tbl_basic ul {border-top: 1px solid #e50012;}
.tbl_basic li {border-bottom: 1px solid #ccc;}
.tbl_basic li a {display: block; padding: 25px 20px;}
.tbl_basic li .num {float: left; width: 45px; padding-top: 2px;}
.tbl_basic li .cont {margin-left: 45px; font-size: 16px; color: #666;}
.tbl_basic li .cont .i_file {display: inline-block; vertical-align: middle; margin-right: 5px; width: 69px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; background-color: #333; color: #fff;}
.tbl_basic li .cont .t1 {margin-bottom: 15px; font-size: 14px; color: #666;}
.tbl_basic li .cont .t1 .r {float: right;}
.tbl_basic li .cont .t1 p {display: inline-block; vertical-align: middle;}
.tbl_basic li .cont .t1 span {position: relative; display: inline-block; vertical-align: middle; padding-left: 10px; margin-left: 10px;}
.tbl_basic li .cont .t1 span:first-child {padding-left: 0; margin-left: 0;}
.tbl_basic li .cont .t1 span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #b3b3b3;}
.tbl_basic li .cont .t1 span:first-child:after {content:none;}
.tbl_basic li .cont .h1 {padding-bottom: 5px; font-size: 24px; color: #000;}
.tbl_basic li .cont .t2 {margin-top: 10px;}

.tbl_basic .btn-pk.r {border-width: 1px; border-color: #e1e1e1; background-color: #fff; color: #000; font-weight: 400;}
.tbl_basic .btn-pk.r span {position: relative; padding-right: 40px; }
.tbl_basic .btn-pk.r span:before {content:""; position: absolute; right: 0; top: 50%; margin-top: -11px; width: 30px; height: 22px; background: url(../images/common/ico_file.jpg) 0 0 no-repeat;}



.tbl_view {}
.tbl_view .tit {padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #e50012;}
.tbl_view .tit .h1 {font-weight: 700; font-size: 24px; color: #000;}
.tbl_view .tit .t1 {margin-top: 14px;}
.tbl_view .tit .t1 span {position: relative; display: inline-block; vertical-align: middle; padding-left: 10px; margin-left: 10px;}
.tbl_view .tit .t1 span:first-child {padding-left: 0; margin-left: 0;}
.tbl_view .tit .t1 span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #b3b3b3;}
.tbl_view .tit .t1 span:first-child:after {content:none;}
.tbl_view .tit .d1 {margin-bottom: 10px; font-size: 14px; color: #666; line-height: 22px;}
.tbl_view .tit .d1 .i-txt {padding: 5px 10px; margin-right: 5px; vertical-align: top;}
.tbl_view .cont {border-bottom: 1px solid #000;}
.tbl_view .cont .txt {padding: 30px 40px; min-height:600px; font-size: 16px; line-height: 1.6;}
.tbl_view .cont .link {padding: 25px 30px; font-size: 16px; background-color: #efefef; color: #666;}
.tbl_view .cont .link a {color: #000;}



.tbl_write {border-top: 1px solid #e50012; font-family: 'Noto Sans KR', sans-serif;}
.tbl_write .col {margin-bottom: 15px;}
.tbl_write .col .inp_txt {background: none; border: 0; padding-left: 0; margin-left: 100px; width: calc(100% - 100px) !important;}
.tbl_write .col p.inp_txt {display: table; width: calc(100% - 100px); height: 40px; line-height:40px; font-size:0.875rem}
.tbl_write .textarea1 {width: 100%; height: 400px; padding: 20px; background: none;}
.tbl_write .select1 {border: 0; background-color: transparent; margin-left: 100px;}
.tbl_write .h1 {font-size: 16px; font-weight: 700; color: #000;}
.tbl_write .filebox { width: calc(100% - 110px);}


.tbl_write .col.n1 {position: relative; border-bottom: 1px solid #ddd; }
.tbl_write .col.n1 .h1 {position: absolute; left: 0; bottom: 10px;}
.tbl_write .col.n2 {font-size: 0; padding-top: 15px;}
.tbl_write .col.n2 > div {position: relative; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; width: 48%; box-sizing:border-box; font-size: 14px; line-height: 40px;}
.tbl_write .col.n2 > div:first-child {margin-right: 4%;}
.tbl_write .col.n2 > div .h1 {position: absolute; left: 0; bottom: 0;}
.tbl_write .col.n3 .h1 {margin-bottom: 15px;}


.inp_email {display: flex; width: 100%;}
.inp_email span {width: 100px; text-align: center; display: block; line-height: 40px;}
.inp_email .inp_txt {width: 100%;}
.inp_email .select1 {width: 100%;}






/*이벤트*/
.lst_event {border-bottom: 1px solid #dedede;}
.lst_event ul {font-size: 0; width: 102%; padding-bottom: 1px;}
.lst_event li {display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; margin-bottom: 30px;}
.lst_event .img {overflow:hidden; position: relative; border-radius:20px; height: 0; padding-bottom: 40%; margin-bottom: 20px;}
.lst_event .img img {position: absolute; top: 50%; width: 100%; transform:translateY(-50%);}
.lst_event .cont {}
.lst_event .cont .h1 {font-weight: 700; color: #000; font-size: 20px; line-height: 1.4; margin-bottom: 5px;}
.lst_event .cont .d1 {font-size: 14px; color: #666; line-height: 22px;}
.lst_event .cont .d1 .i-txt {padding: 5px 10px; margin-right: 5px; vertical-align: top;}



/*건강*/
.atc_timg {margin-bottom: 25px; margin-top: 25px;}
.atc_timg .im {float: left;}
.atc_timg .im span {display: block; width: 400px; height: 245px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.atc_timg .tx {margin-left: 440px;}
.atc_timg .h1 {margin-bottom: 7px; font-weight: 700; font-size: 30px; line-height: 1.3; color: #000;}
.atc_timg .h2 {margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #226f9e; line-height: 1.2;}
.atc_timg .t1 {overflow:hidden; font-size: 14px; line-height: 25px; height: 100px;}



.lst_health {}
.lst_health > .atc_timg {margin-top: 0;}
.lst_health > .atc_timg .h1 {margin-bottom: 15px;}
.lst_health > .atc_timg .t1 {height: 155px;}

.lst_health li {font-size: 14px; line-height: 30px; margin-bottom: 5px;}
.lst_health li .h1 {font-weight: 700; font-size: 20px; color: #000; line-height: 35px;}
.lst_health li .im span {width: 170px; height: 104px;}
.lst_health li .tx {margin-left: 185px;}
.lst_health li .tx .h1 {line-height: 1;}
.lst_health li .tx .t1 {height: 75px;}

.lst_health2 {padding-top: 15px; border-top: 1px solid #e60013;}
.lst_health2 .h1 {margin-bottom: 20px; font-weight: 700; font-size: 18px; line-height: 1.5; color: #000;}
.lst_health2 .h2 {height: 40px; margin-bottom: 5px; font-weight: 700; font-size: 16px; color: #000; line-height: 1.3;}
.lst_health2 .t1 {font-size: 14px; line-height: 1.4;}

.lst_health2 .lst_mov {}
.lst_health2 .lst_mov ul {font-size: 0; width: 103%;}
.lst_health2 .lst_mov li {display: inline-block; vertical-align: top; width: 22%; margin-right: 3%;}

.lst_health2 .lst_mov.n3 li {width: 30.33%;}


.lst_health2 .lst_mov .img {position: relative; margin-bottom: 5px;}
.lst_health2 .lst_mov .img span {display: block; overflow:hidden; height: 0; padding-bottom: 60%;}
.lst_health2 .lst_mov .img img {width: 100%;}
.lst_health2 .lst_mov .img:after {content:""; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; background: url(../images/common/ico_play.png) 0 0 no-repeat; background-size: cover;}


.lst_health2.non {border-top: 0; padding-top: 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.lst_health2.non .hd_tit1 {margin-bottom: 20px; padding-top: 40px;}
.lst_health2.non .lst_mov li {margin-bottom: 3%; width: 17%;}




.lst_health3 {}
.lst_health3 ul {font-size:0;}
.lst_health3 li {display: inline-block; vertical-align: top; width: 50%; padding-left: 10px; margin-bottom: 40px; box-sizing:border-box;}
.lst_health3 li a {display: block; border-top: 1px solid #e60013; padding-top: 15px; }
.lst_health3 li .h1 {margin-bottom: 15px; font-weight: 700; font-size: 18px; color: #000;}
.lst_health3 li .h2 {margin-bottom: 5px; font-weight: 700; font-size: 18px; color: #000;}
.lst_health3 li .t1 {height: 100px; font-size: 14px; line-height: 20px;}
.lst_health3 li .im {float: left; width: 180px; height: 148px; border: 1px solid #ddd;}
.lst_health3 li .im span {display: block; width: 180px; height: 148px; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lst_health3 li .tx {margin-left: 190px;}

.lst_health3 li:nth-child(2n-1) {padding-left: 0; padding-right: 10px;}



.h_health {}
.h_health > ul {padding-right: 220px;}
.h_health .artc_ad {float: right; margin-left:50px;}




/*학술앤비즈*/
#container.scholarship {background-color: #f7f7f7;}
#container.scholarship .lft_article {border-right: 0; width: 74.2%;}
#container.scholarship .lft_article .article_bnews:first-child {margin-top: 0;}
#container.scholarship .rgh_article {width: 25.8%;}


/*뉴스*/
.article_bnews {overflow:hidden; padding: 20px;border-top: 1px solid #e60013;}
.article_bnews .tit {float: left; width: 110px;}
.article_bnews .tit .h {font-weight: 700; font-size: 18px; color: #000;}
.article_bnews .cont {margin-left: 130px; padding-left: 20px; border-left: 1px solid #ddd;}

.article_bnews .h1 {font-weight: 700; font-size: 22px; color: #000; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.article_bnews .h1.t-dotdot {white-space:initial; text-overflow: initial; height:52px; line-height: 26px;}
.article_bnews .t1 {overflow:hidden; font-size: 14px; line-height: 23px; height:93px}
.article_bnews .atc_img {margin-bottom: 12px;}
.article_bnews .atc_img a {display: table; width: 100%; table-layout:fixed;}
.article_bnews .atc_img a > div {display: table-cell; vertical-align: middle;}
.article_bnews .atc_img .im {width: 200px;}
.article_bnews .atc_img .im span {display: block; border: 1px solid #ddd; width: 200px; height: 135px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.article_bnews .atc_img .tx {padding: 0 10px;}
.article_bnews .atc_img .tx .h1 {margin-bottom: 10px;}

.article_bnews .atc_img.long1 {margin-bottom: 20px;}
.article_bnews .atc_img.long1 .im {width: 370px;}
.article_bnews .atc_img.long1 .im span {width: 350px; height: 210px;}
.article_bnews .atc_img.long1 .tx .h1 {margin-bottom: 20px; font-size: 24px;}
.article_bnews .atc_img.long1 .tx .t1 {max-height:160px;}


.article_bnews .arc_prd {}
.article_bnews .arc_prd ul {font-size: 0; width: 102%;}
.article_bnews .arc_prd li {display: inline-block; vertical-align: top; margin-right: 2%; width: 31.33%; margin-right: 2%;}
.article_bnews .arc_prd .im {}
.article_bnews .arc_prd .im span {display: block; border: 1px solid #ddd; height: 0; padding-bottom: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.article_bnews .arc_prd .h {margin-top: 20px; font-weight: 700; font-size: 16px; line-height: 24px; max-height:48px; color: #000;}


.article_bnews .atc_list {}
.article_bnews .atc_list li {margin-top: 12px;}
/*.article_bnews .atc_list li:first-child {margin-top: 0;}*/


.article_bnews.gray {border-top-color: #afafaf; border-top-width: 2px;}
.article_bnews.gray .tit {text-align: right;}
.article_bnews.gray .tit .h {color: #666;}
.article_bnews.gray .h1 {margin-bottom: 15px; font-size: 24px;}
.article_bnews.gray .h1 a {display: block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.article_bnews.gray .atc_img {padding: 15px 0; border-bottom: 1px solid #ddd; margin-bottom: 0;}
.article_bnews.gray .atc_img .t1 {max-height:138px;}
.article_bnews.gray .atc_txt {padding: 15px 0; border-bottom: 1px solid #ddd;}


.lst_scholarship1 {overflow:hidden; padding-top: 35px; margin-bottom: 20px;}
.lst_scholarship1 > div.col {float: left; width: 48.5%; margin-left: 3%; box-sizing:border-box;}
.lst_scholarship1 > div.col:first-child {margin-left: 0;}
.lst_scholarship1 .im {position: relative; height: 0; padding-bottom: 56.5%; margin-bottom: 20px;}
.lst_scholarship1 .im span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lst_scholarship1 .tx {font-size: 14px; line-height: 22px;}
.lst_scholarship1 .tx .h1 {margin-bottom: 10px; font-weight: 700; font-size: 30px; line-height: 36px; color: #000;}
.lst_scholarship1 .tx .h2 {margin-bottom: 30px; font-weight: 700; font-size: 18px; color: #226f9e;}
.lst_scholarship1 .tx .t1 {margin-bottom: 15px; overflow:hidden; height: 50px; line-height: 25px;}
.lst_scholarship1 .tx .d1 {text-align: right; font-size: 12px; color: #333;}
.lst_scholarship1 .tx .d1 span {display: inline-block; vertical-align: top; line-height: 0.8; padding-left: 5px; margin-left: 5px; border-left: 1px solid #ccc;}
.lst_scholarship1 .tx .d1 span:first-child {border-left: 0;}



.ad_scholarship {overflow:hidden; margin-bottom: 40px;}
.ad_scholarship a {float: left; width: 46.8%; max-width:580px;}
.ad_scholarship a img {width: 100%;}
.ad_scholarship a:first-child {margin-right: 6.4%;}


.article_scholarship {padding: 0 18px 15px; margin-bottom: 45px; border: 1px solid #d9d9d9; border-top-width: 2px; border-top-color: #171717;}
.article_scholarship .tit {padding: 18px 0; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9; text-align: center; font-weight: 700; font-size: 18px; color: #000; background-image: url(../images/common/tit_scholarship.jpg); background-position: 0 center; background-repeat: no-repeat;}
.article_scholarship li {padding: 7px 0; font-size: 14px; color: #000; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}



/*메디시안*/
#container.medician {background-color: #f7f7f7;}

.lst_medician1 {}
.lst_medician1 .article_bnews {border-top: 0;}
.lst_medician1 .article_bnews .tit {float: none; width: auto; padding: 10px 0; /*border-left: 1px solid #ccc;*/ padding-left: 20px;}
.lst_medician1 .article_bnews .cont {margin-left: 0; border-left: 0; padding-left: 20px; /*border-left: 1px solid #ccc;*/}
.lst_medician1 .article_bnews .h1 {font-size: 16px;}

.lst_medician1 {font-size: 0;}
.lst_medician1 > ul {width: 102%;}
.lst_medician1 > ul > li {position: relative; display: inline-block; vertical-align: top; width: 48%; border-top: 1px solid #e60013; padding-top: 5px; margin-right: 2%; margin-bottom: 30px;}
.lst_medician1 > ul > li:after {content:""; position: absolute; right: -2%; top: 3%; width: 1px; height: 98%; background-color: #ccc;}
.lst_medician1 > ul > li:nth-child(2n):after {content:none;}


.lst_medician1 .article_bnews {padding-left: 0; padding-right: 0;}



.box_txtbox1 {overflow:hidden; border: 1px solid #ccc; margin-bottom: 30px; background-color: #fff;}
.box_txtbox1 .img {position: relative; float: left; width: 400px; padding: 25px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.box_txtbox1 .img > span {display: block; height: 220px; border: 1px solid #ccc; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.box_txtbox1 .img.ty2:after {
	content:""; position: absolute; right: 0; top: 0; width: 100px; height: 100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.box_txtbox1 .img.ty2 > span {border: 0;}
.box_txtbox1 .cont {margin-left: 400px; padding: 20px;}
.box_txtbox1 .cont .bat > span {display: inline-block; vertical-align: top; padding: 6px 10px; font-size: 12px; background-color: #3a5ccc; color: #fff;}
.box_txtbox1 .cont .bat > span.red {background-color: #e60013;}
.box_txtbox1 .cont .h1 {margin: 10px 0; font-weight: 700; font-size: 18px; line-height: 24px; height: 48px;}
.box_txtbox1 .cont .t1 {overflow:hidden; font-size: 14px; line-height: 24px; height: 120px;}
.box_txtbox1 .botm {position: relative; z-index: 1; display: flex; align-items:center; width: 100%; height: 45px; background-color: #f0f0f0;}
.box_txtbox1 .botm a {flex:1; padding: 10px 20px; font-weight: 700;}



.area_pan1 {border-top: 1px solid #e60013; padding-top: 10px;}
.area_pan1 .tit {position: relative; padding: 10px 0;}
.area_pan1 .tit .h1 {font-weight: 700; font-size: 18px;}
.area_pan1 .tit .r {position: absolute; right: 0; bottom: 10px; font-size: 0;}
.area_pan1 .cont {font-size: 0;}
.area_pan1 .cont .item {display: inline-block; vertical-align: top; width: 100%;}
.area_pan1 .cont .item a {display: block; padding: 20px; background-color: #444445; color: #fff;}
.area_pan1 .cont .h1 {margin-bottom: 20px; height: 48px; font-size: 18px; line-height: 24px;}
.area_pan1 .cont .t1 {opacity:.6; overflow:hidden; font-size: 12px; line-height: 18px; height: 72px;}


.rgh_article .lst_pamacian {border: 1px solid #ccc; box-sizing:border-box; background-color: #fff;}
.rgh_article .lst_pamacian .h1 {margin: 20px 0;}
.rgh_article .lst_pamacian .img {overflow:hidden; position: relative; height: 0; padding-bottom: 50%;}
.rgh_article .lst_pamacian .img img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.rgh_article .lst_pamacian .txt {padding: 16px 10px;}


.box_plan1 {border: 1px solid #ccc; padding: 20px; text-align: center; background-color: #fff;}
.box_plan1 .e {margin-bottom: 20px;}
.box_plan1 .e span {display: inline-block; vertical-align: top; padding: 6px 20px; color: #fff; font-size: 14px; background-color: #3a5ccc;}
.box_plan1 .h1 {margin-bottom: 15px; text-align: center; font-weight: 700; font-size: 20px;}
.box_plan1 .t1 {font-size: 14px; line-height: 1.5; color: #0e60ae;}
.box_plan1 .img {margin: 0 40px 15px;}
.box_plan1 .img span {overflow:hidden; position: relative; display: block; height: 0; padding-bottom: 100%;}
.box_plan1 .img img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%;}




/*파마시안*/
#container.pamacian {background-color: #f7f7f7; padding-bottom: 0;}
#container.pamacian .flex_article {padding-bottom: 50px;}


.top_pamacian {position: relative; margin-bottom: 40px; height: 360px;}
.top_pamacian .im {position: absolute; right: 0; top: 0; width: 500px; height: 360px;}
.top_pamacian .im span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.top_pamacian .tx {margin-right: 535px;}
.top_pamacian .tx .h1 {margin-bottom: 30px; font-weight: 700; font-size: 32px; color: #000; line-height: 1.2;}
.top_pamacian .tx .h2 {margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #226f9e; line-height: 1.2;}
.top_pamacian .tx .t1 {overflow:hidden; margin-bottom: 10px; height:155px; font-size: 16px; line-height: 25px; color: #666666;}
.top_pamacian .tx .d1 {text-align: right; font-size: 12px; color: #666; margin-top: 15px;}
.top_pamacian .tx .d1 span {display: inline-block; vertical-align: top; line-height: 0.8; padding-left: 5px; margin-left: 5px; border-left: 1px solid #ccc;}
.top_pamacian .tx .d1 span:first-child {border-left: 0;}



.lst_re {margin-top: .5em;}
.lst_re p {position: relative; padding-left: 30px; margin-bottom: 5px; font-size: 16px; color: #333; font-weight: 700; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.lst_re p:after {content:"└"; position: absolute; left: 0; bottom: 0; font-weight: 700; color: #666; width: 20px; text-align: center;}



.bg_w {background-color: #fff; padding-top: 35px; padding-bottom: 55px;}


.lst_pamacian .col {float: left; width: 49%;}
.lst_pamacian .col:first-child {margin-right: 2%;}
.lst_pamacian .im {float: left; width: 230px;}
.lst_pamacian .im > span {display: block; width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lst_pamacian .tx {margin-left: 240px;}

.lst_pamacian .e {margin-bottom: 20px;}
.lst_pamacian .e span {display: inline-block; vertical-align: top; padding: 6px 20px; color: #fff; font-size: 14px; background-color: #3a5ccc;}
.lst_pamacian .h1 {margin-bottom: 15px; padding-top:30px; text-align: center; font-weight: 700; font-size: 20px; background-image: url(../images/common/ico_invite.jpg); background-repeat: no-repeat; background-position: center 0;}
.lst_pamacian .h2 {font-size: 16px; line-height: 24px; color: #0e60ae;}
.lst_pamacian .t1 {margin-top: 10px; font-size: 14px; line-height: 20px; color: #666;}



#container.article2 {background-color: #f9f9f9;}
.bbs_view {}
.bbs_view .tit {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 2px solid #afafaf;}
.bbs_view .tit .h1 {margin-bottom: 20px; font-weight: 700; font-size: 30px; color: #000;}
.bbs_view .tit .t1 {margin-bottom: 20px; border-left: 3px solid #000; padding-left: 10px; font-weight: 700; font-size: 18px; color: #000; line-height: 1.2;}
.bbs_view .tit .t2 {font-size: 13px; color: #666; }
.bbs_view .tit .t2 .r {float: right;}

.bbs_view .smenu {}
.bbs_view .smenu .list {float: left; width: 130px; border-top: 1px solid #333; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
.bbs_view .smenu .list li {border-bottom: 1px solid #d7d7d7; background-color: #fff;}
.bbs_view .smenu .list li.on {background-color: #efefef; color: #333;}
.bbs_view .smenu .list li a {display: block; padding: 14px 10px; font-size: 14px; color: #666;}
.bbs_view .smenu .list li:hover a {background-color: #efefef; color: #333;}
.bbs_view .smenu .sns {float: left; margin-left: 20px;}


.bbs_view > .cont {position: relative; margin-left: 150px; padding-left: 50px; font-size: 16px; line-height: 1.6; color: #000; margin-bottom:20px;}
.bbs_view .cont .sns {position: absolute; left: 0; top: 0;}
.bbs_view .cont .sns li {margin-bottom: 10px;}
.bbs_view .cont .sns a {margin-bottom: 5px;}

.bbs_view .cont .sns.fix {position: fixed; left: 50%; margin-left: -475px; margin-top: 10px;}
/*.bbs_view .cont .sns.fix2 {top: auto; bottom: 0;}*/
.bbs_view .cont .sns.fix2 {position: absolute; left: 0; margin-left: 0; top: auto; bottom: 0;}

.bbs_view .cont .movie {position: relative; height: 0; padding-bottom: 56.5%;}
.bbs_view .cont .movie iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.bbs_view .imgs {margin: 20px 0;}

.bbs_view .txb {overflow:hidden; margin-top: 10px; padding-bottom: 20px;}
.bbs_view .txb > p.l {float: left;}
.bbs_view .txb > p.r {float: right;text-align:right;}
.bbs_view .txb .s {clear: both; padding-top: 10px; font-size: 12px;}

.bbs_view .txb2 {position: relative; padding: 25px 10px; text-align: center; font-size: 16px; color: #000; background-color: #ecf0f4;}
.bbs_view .txb2 a {position: absolute; right: 20px; bottom: 10px; font-size: 14px; color: #00468e;}
.bbs_view .txb2 a:after {content:">>"; font-size: 12px; margin-left: 2px;}
.bbs_view .txb2.ty2 {padding: 0;}
.bbs_view .txb2.ty2 a {position: static;}
.bbs_view .txb2.ty2 a:after {content:none;}



.lst_artc1 {}
.lst_artc1 ul {font-size: 0; width: 103%;}
.lst_artc1 li {display: inline-block; vertical-align: top; width: 47%; margin-right: 3%; margin-bottom: 20px; background-color: #fff;}
.lst_artc1 li a {display: block; padding: 20px;}
.lst_artc1 .h1 {font-size: 18px !important; line-height: 24px !important; height: 48px;}


/*
.inp_writer {}
.inp_writer .n1 {display: flex; align-items:center; float: left; width: 45%; margin-right: 2%; margin-bottom: 5px;}
.inp_writer .n1 .t {white-space:nowrap; margin-right: 10px;}
.inp_writer .n2 {clear: both; padding-right: 100px; position: relative;}
.inp_writer .n2 .textarea1 {width: 100%; height: 110px;}
.inp_writer .n2 .btn-pk {position: absolute; right: 0; top: 0; width: 100px; height: 110px; background-color: #000; color: #fff;}
*/

.inp_writer .n2 {position: flex; margin-top: 10px; border: 1px solid #eee; background-color: #fff; padding: 15px;}
.inp_writer .n2 .box {position: relative;}
.inp_writer .n2 .textarea1 {width: 100%; height: 100px; font-size: 12px;}
.inp_writer .n2 p.s {position: absolute; font-size: 12px; color: #999; margin-top: 5px; line-height: 20px;}
.inp_writer .n2 p.s span {color: #000;}
.inp_writer .n2 .box .h {margin-bottom: 8px;}
.inp_writer .n2 .box .bt {text-align: right; margin-top: 10px;}
.inp_writer .n2 .list {border-top: 1px solid #eee; margin-top: 15px;}
.inp_writer .n2 .list li {position: relative; padding-left: 30px;}
.inp_writer .n2 .list li:after {content:"└"; position: absolute; left: 0; top: 15px;}
.inp_writer .n2 .list li .btn-pk {border: 0;}


.lst_comment {padding-top: 10px;}
.lst_comment li {position: relative; border-bottom: 1px solid #dedede; padding: 15px 0; font-size: 14px; line-height: 1.5; color: #666;}
.lst_comment li .h {color: #000; margin-bottom: 8px;}
.lst_comment li .rgh {position: absolute; right: 0; top: 10px;}


#container.article2 .flex_article {padding-top: 40px;}
.tit_calendar {text-align: center;}
.tit_calendar .top {margin-bottom: 20px; font-size:30px; font-weight: 700; color: #000;}
.tit_calendar .top > div {display: inline-block; position: relative;}
.tit_calendar .top .tit {display: inline-block; vertical-align: middle; padding: 0 80px;}
.tit_calendar .top .btn_c_prev {width: 45px; height: 40px; position: absolute; left: 0; top: 0; }
.tit_calendar .top .btn_c_next {width: 45px; height: 40px; position: absolute; right: 0; top: 0;}
.tit_calendar .tbl {position: relative; padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #dedede;}
.tit_calendar .tbl li {display: inline-block; top; padding: 0 30px; font-size: 15px; color: #000; line-height: 1; border-right: 1px solid #dedede; position: relative;}
.tit_calendar .tbl li:first-child {border-left: 1px solid #dedede;}
.tit_calendar .tbl li span {font-size: 14px; color: #999;}
.tit_calendar .tbl li.today,
.tit_calendar .tbl li.today span {color: #e50012;}
.tit_calendar .tbl li.today:after {content:""; position: absolute; left: 50%; top: -25px; margin-left: -18px; width: 36px; height: 24px; background: url(../images/common/ico_today.png) 0 0 no-repeat;}
.tit_calendar .tbl .btn_c_prev {width: 30px; height: 30px; position: absolute; left: 0; top: 15px; }
.tit_calendar .tbl .btn_c_next {width: 30px; height: 30px; position: absolute; right: 0; top: 15px;}


.view_m_cal {display:none; position: absolute; top: 40px; left: 0; background-color: #fff; border: 1px solid #000; width: 250px;}
.view_m_cal .top {margin-bottom: 0;}
.view_m_cal .top > div {font-size: 0; vertical-align: top;}
.view_m_cal .top .select1 {border: 0; padding-left: 0; font-size: 13px; font-weight: 700;}
.view_m_cal .top .btn_c_prev {left: -50px; top: 0;}
.view_m_cal .top .btn_c_next {right: -40px; top: 0;}
.view_m_cal .top .i-set {transform:scale(.6);}
.view_m_cal .tbl {border-top-color: #f7f7f7; padding: 0; border-bottom: 0;}
.view_m_cal .tbl table {table-layout:fixed; border-left: 1px solid #000;}
.view_m_cal .tbl th {height: 35px; font-size: 12px; border-left: 1px solid #f7f7f7;}
.view_m_cal .tbl td {border: 1px solid #f7f7f7; border-right: 0; height: 35px; font-size: 12px;}
.view_m_cal .tbl td.disabled {opacity:.5}
.view_m_cal .tbl td.checked {background:hsl(355, 100%, 90%); }
.view_m_cal  .btn_c_close {position: absolute; right: 0; top: 5px; font-size: 10px; padding: 10px;}




/* 5. 온심포
========================================*/
.container.onsympo {}
.container.onsympo .pt-ty1 {padding-top: 40px;}

.subSlider1 {position: relative; height: 565px; margin-bottom: 70px;}
.subSlider1 .item {height: 565px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.subSlider1 .item .txt {padding: 90px 120px 0; font-size: 24px; color: #fff;}
.subSlider1 .item .txt .h1 {margin-bottom: 10px; font-weight: 700; font-size: 36px;}
.subSlider1 .item .txt .h2 {margin-bottom: 20px; font-size: 24px;}
.subSlider1 .item .txt .t1 {line-height: 1.4;}
.subSlider1 .item .txt .t1.ty2 {font-size: 18px;}


.lst_on1 {margin-bottom: -30px;}
.lst_on1 > .col {float: left; width: 50%; box-sizing:border-box;}
.lst_on1 .img {width: 28.5%; float: right;}
.lst_on1 .img span {display: block; height: 0; padding-bottom: 140.6%; border: 1px solid #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lst_on1 .txt {position: relative; width: 58%; padding-top: 40px; padding-left: 35px; padding-right: 30px; font-size: 14px; box-sizing:border-box;}
.lst_on1 .txt .h1 {margin-bottom: 10px; font-weight: 700; font-size: 21px;}
.lst_on1 .txt .t1 {line-height: 1.4;}
.lst_on1 .txt .t1 strong {font-size: 21px; color: #e50012;}


.bgGray {background-color: #f7f7f7; padding-top: 100px; padding-bottom: 80px;}



.lst_photo1 {}
.lst_photo1 ul {font-size: 0; width: 102%;}
.lst_photo1 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%;}
.lst_photo1 .img span {display: block; height: 0; padding-bottom: 74.09%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.lst_photo1 .txt {padding-top: 10px;}
.lst_photo1 .txt .h1 {margin-bottom: 13px; font-weight: 700; font-size: 20px; color: #000;}
.lst_photo1 .txt .t1 {font-size: 14px;}
.lst_photo1 .txt .t1 span {display: inline-block; vertical-align: middle; padding-left: 7px; margin-left: 10px; line-height: 1; border-left: 1px solid #ccc;}
.lst_photo1 .txt .t1 span:first-child {padding-left: 0; margin-left: 0; border-left: 0;}


.botm_btn {position: relative; padding: 0 120px 0 80px; margin-top: 50px; white-space:nowrap;}
.botm_btn p {position: absolute; left: 0; top: -5px; font-size: 12px;}
.botm_btn .bar {position: relative; width: 100%; margin: 10px 0 0; height: 2px;}
.botm_btn .bar span {position: absolute; top: 50%; margin-top: -2px; height: 4px; background-color: #e50012;}
.botm_btn .btn {width: 120px; position: absolute; right: 0; top: -20px; text-align: right;}







/*온심포*/
.tbl_list {border-top: 1px solid #737373; text-align: left;}
/*
.tbl_list a {display: table; width: 100%; table-layout:fixed; padding: 10px 20px;}
.tbl_list a > div {display: table-cell; vertical-align: top;}
*/

.tbl_list tr {border-bottom: 1px solid #ccc;}
.tbl_list td {padding: 10px; font-size: 14px; color: #666666; }
.tbl_list td.c1 {vertical-align: top;}
.tbl_list td.c3 {text-align: right;}
.tbl_list td.c2 .box{margin-top:15px;}
.tbl_list td.c2 .box:first-child{margin-top:0;}
.tbl_list td.c2 .box:after {content:""; clear:both; display:table;}
.tbl_list td.c2 .box .lft {float: left; width:80%}
.tbl_list td.c2 .box .rgh {float: right; text-align:right;}


.tbl_list .tr {display: table; width: 100%; border-bottom: 1px solid #ccc;}
.tbl_list .tr > div {display: table-cell; vertical-align: middle; padding: 20px;}
.tbl_list .tr .c3 {text-align: right;}

.tbl_list .c1 span {display: inline-block; vertical-align: middle; width: 80px; line-height: 25px; background-color: #333; color: #fff; text-align: center;}
.tbl_list .h1 {margin-bottom: 10px;}
.tbl_list .h1 strong {font-size: 22px; color: #000;}
.tbl_list .t1 {margin-bottom: 5px;}


.bbs_view2.bgGray {padding-top: 40px;}
.bbs_view2 {font-size: 14px; color: #555;}
.bbs_view2 .tbl_list {margin-bottom: 20px;}
.bbs_view2 .tbl_basic2 {margin: 10px 0;}
.bbs_view2 .cont {padding-top: 30px; margin-top: 30px; border-top: 1px solid #e50014;}
.bbs_view2 .movie {position: relative; height: 0; padding-bottom: 56.5%;}
.bbs_view2 .movie iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


.tbl_basic2 {background-color: #fff;}
.tbl_basic2 th {padding: 15px 10px; border: 1px solid #dbdbdb; font-size: 16px; color: #000; text-align: center; background-color: #f0f0f0;}
.tbl_basic2 td {padding: 30px 20px; border: 1px solid #dbdbdb; font-size: 14px; color: #555555; line-height: 1.5;}



.container.onsympo .slider2 .owl-dots {bottom: -52px; display: flex; padding: 0 120px 0 80px;}
.container.onsympo .slider2 .owl-dots .owl-dot {flex:1; height: 2px; background-color: #dedede; margin: 0; border-radius: 0;}
.container.onsympo .slider2 .owl-dots .owl-dot.active {height: 4px; margin-top: -1px; background-color: #e60013;}


.subSlider1 .owl-nav {margin-top: -30px;}

.subSlider1 .owl-nav .owl-next,
.subSlider1 .owl-nav .owl-prev {width: 40px; height: 60px;}

.subSlider1 .owl-nav .owl-next span {width: 40px; height: 60px; font-size: 0; background-image: url(../images/common/btn_next.png); background-repeat: no-repeat; background-position: center center;}
.subSlider1 .owl-nav .owl-prev span {width: 40px; height: 60px; font-size: 0; background-image: url(../images/common/btn_prev.png); background-repeat: no-repeat; background-position: center center;}




/* 8. 회사소개
========================================*/
.wrap_sidebar {padding-top: 40px; padding-bottom: 60px;}
.wrap_sidebar .sidebar {float: left; width: 280px;}
.wrap_sidebar .contents {margin-left: 340px;}

.sidebar {width: 280px;}
.sidebar .tit {padding: 80px 30px 20px; background-color: #e50012;}
.sidebar .tit h2 {padding-top: 36px; font-size: 30px; color: #fff; background: url(../images/sub/top_logo1.png) 0 0 no-repeat;}
.sidebar ul {padding: 10px 0;}
.sidebar li a {display: block; padding: 15px 30px; font-weight: 700; font-size: 16px; color: #000;}
.sidebar li.on a {color: #e50012;}


.area_greeting {font-size: 16px; color: #666; line-height: 1.6;}
.area_greeting .img {position: relative; display: inline-block; vertical-align: top; padding-right: 50px; padding-bottom: 10px; float: left;}
.area_greeting .img:after {content:""; position: absolute; right: 20px; top: 60px; width: 60px; height: 2px; background-color: #e50012;}
.area_greeting .txt {white-space:pre-line;}
.area_greeting .t1 {font-weight: 700; font-size: 20px; color: #000;}



.area_history {font-size: 14px; line-height: 1.6;}
.area_history .img {margin-top: 10px;}
.area_history li {position: relative; margin-bottom: 10px;}
.area_history li span.h {position: absolute; font-weight: 700; color: #000;}
.area_history .h1 {font-weight: 700; font-size: 35px; color: #222;}
.area_history .col {position: relative;}
.area_history .col:after {content:""; position: absolute; top: 30px; width: 55px; height: 1px; background-color: #e50012;}
.area_history .col:before {content:""; z-index: 1; position: absolute; top: 22px; width: 8px; height: 8px; background-color: #fff; border: 4px solid #e50012; border-radius: 50%;}

.area_history .col.lft:first-child li {padding-right: 45px;}

.area_history .col.lft {margin-right: 50%; padding-right: 60px; text-align: right;}
.area_history .col.lft:after {right: 0;}
.area_history .col.lft:before {right: 0;}
.area_history .col.lft li {padding-right: 80px;}
.area_history .col.lft li span.h {right: 0;}
.area_history .col.rgh {margin-left: 50%; padding-left: 60px;}
.area_history .col.rgh:after {left: 0;}
.area_history .col.rgh:before {left: 0;}
.area_history .col.rgh li {padding-left: 80px;}
.area_history .col.rgh li span.h {left: 0;}



.area_vision {font-size: 16px; color: #666; line-height: 1.6;}
.area_vision p {margin-bottom: 50px;}


.area_map {}
.area_map .map {overflow:hidden; position: relative; height: 450px; background-color: #eee;}
.area_map .mapin {position: absolute; left: 50%; top: 50%; width: 950px; height: 450px; transform:translate(-50%,-50%);}
.area_map .txt {padding: 30px 0; font-size: 16px;}
.area_map li {position: relative; padding-left: 105px; font-size: 16px; color: #666; margin-bottom: 15px;}
.area_map li span.h {position: absolute; left: 0; top: 0; color: #e50012; font-weight: 700;}


.area_ci {font-size: 16px; color: #666; line-height: 1.5;}
.area_ci > ul > li {position: relative; margin-bottom: 80px; padding-left: 110px;}
.area_ci .tit {position: absolute; left: 0; top: 0; font-weight: 700; font-size: 26px; color: #000;}

.area_ci li ul {overflow:hidden;}
.area_ci li li {float: left; width: 24%; margin-left: 1.2%;}
.area_ci li li:first-child {margin-left: 0;}
.area_ci .b {position: relative; max-width:200px; height: 100px; margin-bottom: 20px; color: #fff; font-size: 16px; font-weight: 700; border-radius: 5px;}
.area_ci .b span {position: absolute; left: 20px; bottom: 20px;}






.owl-nav {right: auto; width: 100%; top: 50%; transform:translateY(-50%);}
.owl-nav .owl-prev {position: absolute; left: 5%;}
.owl-nav .owl-next {position: absolute; right: 5%;}
.owl-nav .owl-prev span, .owl-nav .owl-next span {font-size: 40px; color: #fff;}



.container.onsympo .owl-dots {bottom: 20px;}
.container.onsympo .owl-dots .owl-dot {width: 10px; height: 10px; border-radius: 50%; background-color: #fff; opacity:.5;}
.container.onsympo .owl-dots .owl-dot.active {opacity:1;}









/*뉴스레터*/
#container.newsletter {background-color: #f7f7f7;}

.area_newsletter {padding-top: 30px;}
.area_newsletter .img {text-align: center; padding-bottom: 40px; font-size: 16px; color: #000;}
.area_newsletter .img img {margin-bottom: 30px;}
.area_newsletter .tbl_write {border-top: 0;}








/*광고안내*/
#container.advertisement {background-color: #f7f7f7;}
#container.advertisement .tabs.ty4 ul {position: relative; background-color: #fff;}
#container.advertisement .tabs.ty4 ul:after {content:""; z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #ccc;}
#container.advertisement .tabs.ty4 li {z-index: 1;}


.area_ad1 {position: relative; font-size: 16px; color: #666; line-height: 1.5;}
.area_ad1 .img1 {padding: 0 30px; margin-bottom: 50px; display: table; width: 100%; height: 245px; background: url(../images/sub/img_ad1.jpg) center center no-repeat; background-size: cover;}
.area_ad1 .img1 > p {display: table-cell; vertical-align: middle; font-size: 20px; font-weight: 700; color: #fff;}
.area_ad1 .img2 {position: absolute; right: 30px; margin-top: -80px;}

.area_ad1 .list1 {display: flex; margin-bottom: 15px;}
.area_ad1 .list1 li {flex:1; padding-left: 25px; background: url(../images/common/ico_arr_r1.png) 10px center no-repeat;}
.area_ad1 .list1 li:first-child {padding-left: 0;}
.area_ad1 .list1 .ico {display: flex; align-items:center; height: 83px; padding: 0 0 0 20px; border: 1px solid #ccc; background-color: #fff;}
.area_ad1 .list1 .ico span {font-size: 16px; color: #000; font-weight: 700;}
.area_ad1 .list1 .ico span.i-set {margin-right: 10px;}


.area_ad1 .list2 {display: flex; margin-bottom: 40px;}
.area_ad1 .list2 > li {padding-left: 25px; }
.area_ad1 .list2 > li:first-child {padding-left: 0;}
.area_ad1 .list2 > li p {font-size: 16px; font-weight: 700; color: #000;}
.area_ad1 .list2 > li:nth-child(1) {width: 18%;}
.area_ad1 .list2 > li:nth-child(2) {width: 43%; padding-right: 20%;}
.area_ad1 .list2 > li:nth-child(3) {width: 40%;}
.area_ad1 .lst_dot li {text-overflow: inherit; overflow: inherit; white-space: inherit;}



.i-set.i_ad1_1 {width: 50px; height: 50px; background-position: -10px -142px;}
.i-set.i_ad1_2 {width: 50px; height: 45px; background-position: -70px -142px;}
.i-set.i_ad1_3 {width: 43px; height: 50px; background-position: -129px -142px;}
.i-set.i_ad1_4 {width: 47px; height: 48px; background-position: -184px -142px;}
.i-set.i_ad1_5 {width: 40px; height: 48px; background-position: -240px -142px;}




.area_ad2 {}
.area_ad2 .tbl_basic2 {background: none;}
.area_ad2 .tbl_basic2 th {font-size: 14px; height: 45px; padding: 10px 0;}
.area_ad2 .tbl_basic2 td {width: 33%; background-color: #fff; height: 45px; padding: 10px; text-align: center;}
.area_ad2 .tbl_basic2 td.ta-l {padding-left: 20px;}

.area_bind {display: flex; width: 100%;}
.area_bind > .col {flex:1; padding-left: 30px;}
.area_bind > .col:first-child {padding-left: 0;}


.box_ad1 {margin: 30px 0 45px; background-color: #f2f2f2; padding: 20px 30px; font-size: 16px;}


.lst_dot2 li {font-size: 15px; color: #666; margin-bottom: 5px;}
.lst_dot2 li:before {content:"-"; margin-right: 10px;}



.i-set.i_ad3_1 {width: 58px; height: 58px; background-position: -366px -142px;}
.i-set.i_ad3_2 {width: 60px; height: 54px; background-position: -434px -142px;}
.i-set.i_ad3_3 {width: 69px; height: 59px; background-position: -504px -142px;}


.area_ad3 {padding: 25px 0 40px;}
.area_ad3 ul {font-size: 0;}
.area_ad3 li {display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; height: 285px; text-align: center; box-sizing:border-box; border: 1px solid #ccc; background-color: #fff;}
.area_ad3 li:first-child {margin-left: 0;}

.area_ad3 li .i-set {margin-top: 40px;}
.area_ad3 li .h1 {font-size: 20px; font-weight: 700; color: #000; margin: 15px 0 10px;}
.area_ad3 li .t1 {font-size: 16px; color: #666; line-height: 1.5; padding: 0 30px;}




/**/
.area_terms2 {white-space:pre-line; line-height: 1.5;}
.area_terms2 .h_tit1 {margin-bottom: 0;}
.area_terms2 .box {background-color: #f2f2f2; padding: 25px; border: 1px solid #ccc;}




/**/
.area_search {display: none; position: absolute; left: 0; top: 101px; width: 100%; padding: 25px 0; text-align: center; background-color: #eaeaea;}
.area_search:after {content:""; position: absolute; left: 50%; top: 0; margin-left: -1000px; width: 2000px; height: 100%; background-color: #eaeaea;}
.area_search .inner {z-index: 1; position: relative; text-align: left; max-width:800px; margin: 0 auto;}
.area_search .inp_radio label {margin-right: 10px;}
.area_search .inp {position: relative; padding-right: 110px;}
.area_search .inp .inp_txt {width: 100%;}
.area_search .inp .btn-pk {position: absolute; right: 0; top: 0; width: 100px;}
.area_search .btn_close {right: -50px; top: auto; bottom: 0; text-align: center;}
.area_search .btn_close span {margin: 0 auto; background-color: #bababa;}
.area_search .btn_close span:after {background-color: #bababa;}


.lst_search1 {border-top: 1px solid #dedede;}
.lst_search1 li {border-bottom: 1px solid #dedede;}
.lst_search1 li > a {display: block; padding: 20px 0;}
.lst_search1 .h1 {margin-bottom: 10px; font-weight: 700; font-size: 20px; color: #000;}
.lst_search1 .t1 {font-size: 14px; line-height: 1.5; color: #666;}



/**/
.sym_tit {padding-left: 5px; border-top: 1px solid #e60013; line-height: 50px; font-size: 18px; font-weight: 700;}
.sym_table {padding-bottom: 60px;}
.sym_table .sym_tit {margin-bottom: 30px; border-bottom: 1px solid #d7d7d7;}

.tbl_calendar {}
.tbl_calendar .lft {float: left;}
.tbl_calendar .lft .t1 {margin-bottom: 12px; padding-left: 10px; font-weight: 900; font-size: 24px; line-height: 1;}
.tbl_calendar .lft .h1 {text-align: center;}
.tbl_calendar .lft .h1 p {width: 85px; font-size: 48px; line-height: 1; font-weight: 900; display: inline-block; vertical-align: top;}
.tbl_calendar .lft .h1 button {width: 40px; height: 50px; background: none;}
.tbl_calendar .lft .h1 button.bt1 {float: left;}
.tbl_calendar .lft .h1 button.bt2 {float: right;}
.tbl_calendar .lft ul {clear: both; margin-top: 40px; padding-left: 16px;}
.tbl_calendar .lft .i-txt {width: 120px; font-size: 14px; margin-bottom: 10px; padding: 5px 15px;}
.tbl_calendar .rgh {padding-left: 185px;}
.tbl_calendar caption {display: none;}
.tbl_calendar table {width: 100%; table-layout:fixed; font-size: 12px;}
.tbl_calendar th {height: 40px; font-size: 14px; vertical-align: middle;}
.tbl_calendar td {padding: 4px; vertical-align: top; height: 120px; border: 1px solid #ccc;}
.tbl_calendar td > span {display: block;  padding-right: 5px; text-align: right;}
.tbl_calendar th:first-child,
.tbl_calendar td:first-child > span {color: #ff4444;}
.tbl_calendar td.blank {background:#f0f0f0;}
.tbl_calendar td .i-txt {margin-bottom: 5px;}
.tbl_calendar td .txt {position: relative; cursor:pointer;}
.tbl_calendar td .txt .pop {display: none; z-index: 1; position: absolute; left: 50%; top: 30px; width: 180px; padding: 10px; line-height: 1.4; color: #fff; font-size: 12px; background-color: #333;}
.tbl_calendar td .txt .pop strong {font-size: 14px;}
.tbl_calendar td .txt:hover .pop {display: block;}

.onseminar_wrap .ttview {z-index: 1; position: relative;}
.onseminar_wrap .ttview button {background: none;}
.onseminar_wrap .ttview .cview {display: none; overflow-y:scroll; position: absolute; left: 100%; top: -50px; width: 100px; height: 200px; border: 1px solid #000; background-color: #fff;}
.onseminar_wrap .ttview .cview ul {margin-top: 0; padding-left: 0; text-align: center;}
.onseminar_wrap .ttview .cview li { border-top: 1px solid #ccc; line-height: 1.5;}
.onseminar_wrap .ttview li:first-child {border-top: 0;}
.onseminar_wrap .ttview .cview li a {display: block; font-weight: normal; font-size: 15px; padding: 5px;}
.onseminar_wrap .ttview .cview li.on {background-color: #f9f9f9;}
.onseminar_wrap .ttview .cview li.on a {color: #e40315;}


.onseminar_wrap .i-txt ,
.onseminar_wrap button.i-txt {display: inline-block; vertical-align: top; padding: 3px 5px; max-width:100%; font-size: 12px; line-height: 1.5; border-left-width: 3px; border-left-style: solid; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.onseminar_wrap .i-txt.ty1 {background-color: #e1e1e1; color: #666; border-left-color: #999;}
.onseminar_wrap .i-txt.ty2 {background-color: #e5eeff; color: #377bff; border-left-color: #377bff;}
.onseminar_wrap .i-txt.ty21 {background-color: #ccc; color: #666; border-left-color: #a1a1a1;}
.onseminar_wrap .i-txt.ty3 {background-color: #fef0db; color: #ff9704; border-left-color: #fdad3b;}
.onseminar_wrap .i-txt.ty4 {background-color: #fa5172; color: #fff; border-left-color: #fa5172;}
.onseminar_wrap .i-txt.ty5 {background-color: #000; color: #fff; border-left-color: #000;}










/************************************************************************************************************/
@media (max-width:1540px){
	#wrap {overflow-x:hidden;}

	.area_renew > div {padding:  5%;}
	.adside_box {display: none;}
}
@media (max-width:1340px){
	#wrap {min-width:auto;}
	.inr-c {margin-left: 20px; margin-right: 20px;}


	#allmenu .menu > li li a {padding: 15px 10px;}
	.gnb li a {font-size: 14px;}


	.logo {width: 200px;}
	.btn_gnb {left: 210px;}
	.gnbbox {margin-left: 250px;}


	.top_pamacian .im {width: 350px;}
	.top_pamacian .tx {margin-right: 360px;}


	.bbs_view .cont .sns.fix {left: 185px; margin-left: 0;}
	.bbs_view .cont .sns.fix2 {left: 0;}

}
@media (max-width:1040px){
	.gnb li a {padding: 0 10px;}

	.wrap_company .sidebar {width: 200px;}
	.wrap_company .contents {margin-left: 230px;}

	.sidebar li a {padding: 15px;}
	.sidebar .tit {padding: 60px 15px 15px;}
	.sidebar .tit h2 {font-size: 18px;}

	.area_greeting .img {width: 400px;}

}


/**/
@media (min-width:961px){
	.view-m {display:none !important;}


	.article_photo .c2 > div:nth-child(2) .t {display: none;}
	.article_photo .c2 > div:nth-child(3) .t {display: none;}


	.sidebar ul {display: block !important;}
}


/* 비메오 가로,세로 자동조절 */
#vimeoWrap{
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin: 0;
  }
#vimeoWrap iframe,
#vimeoWrap object,
#vimeoWrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}



/***************20211230 수정******************/
select.select_mem.w45p {width: 45%; margin-left: 8%;}
select.select_mem.w45p:first-child {margin-left: 0;}

.tbl_basic col.name2 {width: 150px;}
.tbl_basic col.name3 {width: 100px;}


.tbl_basic col.name2 {width: 60px;}
.tbl_basic col.name3 {width: 50px;}


.area_cancel {position: fixed; left: 50%; top: 45%; transform:translate(-50%,-50%); margin-bottom: 45px; text-align: center; font-size: 14px; color: #000; line-height: 1.5;}
.area_cancel .h1 {margin-bottom: 20px; margin-top: 30px; font-size: 20px; font-weight: 700; color: #e50012;}


#container.company.bg {background-color: #f7f7f7;}

.area_mobile {text-align: center; font-size: 15px; line-height: 1.5;}
.area_mobile .h1 {margin-bottom: 10px; font-weight: 700; font-size: 20px; color: #000;}
.area_mobile .t1 {font-size: 16px; color: #666; line-height: 1.5;}
.area_mobile .img {margin: 20px 0;}

.area_mobile .bind {}
.area_mobile .bind ul {font-size: 0; padding-left: 5%;}
.area_mobile .bind li {display: inline-block; vertical-align: top; width: 30%; margin-left: 5%;}
.area_mobile .bind li:first-child {margin-left: 0;}
.area_mobile .bind li .h1 {margin-top: 10px;}
.area_mobile .bind li .t1,
.area_mobile .bind li .h1 {text-align: left;}
.area_mobile .mbtn_ty1 {margin-top: 30px;}

.area_mobile .box {padding: 40px; text-align: left; background-color: #fff; background-image: url(../images/sub/img_mobile4.png); background-position: right center; background-repeat: no-repeat;}
.area_mobile .box .btn-pk {margin-top: 20px; padding-left: 30px; padding-right: 30px;}



.article_bnews .tit {position: relative;}
.article_bnews .tit .rgh {display: none; position: absolute; right: 0; top: 0;}

.i-hash {font-size: 14px; color: #fff; background-color: #666; display: inline-block; vertical-align: top; padding: 5px 10px;}



.bbs_view .article_news {margin-top: 30px;}
.bbs_view .article_news .article_list {overflow:hidden; clear: both; padding: 15px 0; border-bottom: 1px solid #eee;}
.bbs_view .article_news .tit {margin-bottom: 0; border-bottom-width: 1px;}
.bbs_view .article_news .tit .h1 {font-size: 16px; margin-bottom: 0;}
.bbs_view .article_news .article_list  .cont {display: flex;}
.bbs_view .article_news .im {width: 200px; margin-right: 10px; }
.bbs_view .article_news .im span {display: block; width: 200px;}
.bbs_view .article_news .tx {color: #000;}
.bbs_view .article_news .tx .h {font-weight: 700; font-size: 22px; line-height: 1.2; margin-bottom: 5px;}
.bbs_view .article_news .tx .t-dotdot {height: 100px; font-size: 14px; line-height: 20px;}


.lst_count1 li:first-child:after {
	content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}

.tit_calendar .tbl li {padding: 0 15px;}

.view_m_cal {left: 50%; top: 85px; margin-left: -280px;}

.lst_health2 {position: relative;}
.lst_health2 .rgh {position: absolute; right: 0; top: 10px;}


.lst_feature1 .cont {padding-right: 0; margin-left: 120px; width: calc(100% - 120px); box-sizing:border-box;}


.tit_calendar .tbl ul {display: flex; margin-left: 75px;}
.tit_calendar .tbl > .btn-pk {position: absolute; left: 0; margin-top: -5px; vertical-align: top;}
.tit_calendar .tbl li {flex:1;}
.tit_calendar .tbl li:first-child {border-left: 0;}


@media (max-width:1200px){
	.tit_calendar .tbl ul {display: flex;}

	.lst_feature1 .tit {float: none; margin-bottom: 10px;}
	.lst_feature1 li a {max-height:none;}
	.lst_feature1 .cont {margin-left: 0;}
}




/*선거*/
.area_election {max-width:1000px; padding: 40px; margin: 0 auto; background-color: #005ed3;}
.area_election .c-blue {color: #005ed3 !important;}
/*
.area_election .tit {position: relative; padding-top: 100px; text-align: center; color: #fff; line-height: 1.2;}
.area_election .tit .t1 {font-size: 45px; }
.area_election .tit .t2 {padding-bottom: 50px; font-weight: 700; font-size: 96px;}
.area_election .tit .t3 {font-size: 30px; color: #000;}
.area_election .tit .t3 strong {font-size: 40px;}
.area_election .tit .t4 {font-size: 60px; font-weight: 700; margin-right: 5%;}
.area_election .tit .t {position: absolute; left: 50%; bottom: 210px; margin-left: -265px; width: 530px;}
.area_election .tit .t > * {display: inline-block; vertical-align: middle;}
*/
.area_election .tit {position: relative; height: 400px; color: #fff; line-height: 1.2;}
.area_election .tit .img {position: absolute; right: -40px; bottom: 0;}
.area_election .tit .t1 {font-size: 36px;}
.area_election .tit .t2 {margin-bottom: 60px; font-weight: 700; font-size: 76px;}
.area_election .tit .t3 {font-size: 24px;}
.area_election .tit .t3 strong {font-size: 1.5em;}
.area_election .tit .t4 {margin-bottom: 20px;font-size: 48px; font-weight: 700; line-height: 1;}
.area_election .tit .t4 span {display: inline-block; vertical-align: top; padding: 15px 20px 5px; background-color: #fff; border-radius: 10px;}


.area_election .cont {background-color: #fff;}
.area_election .h_tit1 {color: #005ed3;}
.area_election .tabs.ty1 li {background-color: #ececec; border: 0;}
.area_election .tabs.ty1 li a {height: 80px; font-size: 24px;}
.area_election .tabs.ty1 li.on {background-color: #fff;}
.area_election .tabs.ty1 li.on a {font-weight: 700; color: #005ed3;}
.area_election .tabcont {padding: 0 40px 40px;}

.area_election .lst_line {margin-bottom: 10px;}
.area_election .lst_line ul {display: flex;}
.area_election .lst_line li {font-size: 17px; flex:1; text-align: center;}
.area_election .lst_line li a {padding: 15px 0;}
.area_election .lst_line li.on a {color: #005ed3; font-weight: 700;}

.area_election .lst_line ul.ty1 {display: block;}
.area_election .lst_line ul.ty1 li a {padding: 15px 10px;}
.area_election .lst_line ul.ty1 li:first-child a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd;}


.lst_election1 {}
.lst_election1 ul {font-size: 0; width: 102%;}
.lst_election1 li {display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; margin-bottom: 2%;}
.lst_election1 .box {position: relative; overflow:hidden; display: block; border: 1px solid #ececec; height: 0; padding-bottom: 56.5%;}
.lst_election1 .box .t1 {position: absolute; left: 0; top: 0; margin-top: 28px; margin-left: 25px; font-size: 20px; color: #2c2c29;}
.lst_election1 .box .t1 span {display: block; font-weight: 700; font-size: 40px;}
.lst_election1 .box .t2 {position: absolute; left: 0; top: 50px; margin-left: 23px;  color: #2c2c29;}
.lst_election1 .box .img {position: relative; z-index: 1; text-align: right; max-width:50%; position: absolute; right: 0; bottom: 0; height: 100%;}
.lst_election1 .box .img img {height:100%;}
.lst_election1 .box .btn {position: absolute; left: 0; bottom: 0; width: 100%; padding: 25px; font-size: 18px; font-weight: 700; color: #005ed3; background-color: #ececec; box-sizing:border-box;}

.lst_election1.small {}
.lst_election1.small .box .t1 {margin-top: 15px; margin-left: 15px; font-size: 12px;}
.lst_election1.small .box .t1 span {font-size: 24px;}
.lst_election1.small .box .t2 {top: 35px; margin-left: 13px; font-size: 24px;}
.lst_election1.small .box .img {max-width:45%;}
.lst_election1.small .box .btn {padding: 15px; font-size: 12px;}

.lst_election1 ul.n3 li {width: 31.33%;}

.lst_election1 li.on .box {position: relative;}
.lst_election1 li.on .box:after {content:""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px solid #005ed3; box-sizing:border-box;}



.map_election1 {overflow:hidden;}
.map_election1 .map {float: left; width: 300px;}
.map_election1 .list {margin-left: 330px;}


.area_election .article_list {border-bottom: 1px solid #ccc; }
.area_election .article_list .h {display: block; padding: 12px 0; font-size: 22px; color: #000; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.area_election .article_list .h .i-txt {margin-right: 5px; margin-top: -4px;}

.area_election .article_list.img {}
.area_election .article_list.img .cont {overflow:hidden; display: flex; padding-bottom: 20px; font-size: 14px; color: #666; line-height: 24px;}
.area_election .article_list.img .cont .im {width: 170px; margin-right: 15px;}
.area_election .article_list.img .cont .im span {overflow:hidden; position: relative; display: block; width: 170px;  height: 0; padding-bottom: 50%;}
.area_election .article_list.img .cont .im span img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.area_election .article_list.img .cont .tx {}
.area_election .article_list.img .cont .tx .t-dotdot {max-height:72px;}


.view_election {margin-top: 30px; padding: 0 40px 40px; background-image: url(../images/election/bg_view.jpg); background-position: 0 0; background-repeat: no-repeat; background-color: #ececec;}
.view_election .vtit {position: relative; text-align: right; padding-top: 20px; height: 0; padding-bottom: 40%;}
.view_election .vtit .h {position: absolute; left: 0; bottom: 0; color: #2c2c29; width: 100%; text-align: left;}
.view_election .vtit .t1 {font-size: 20px;}
.view_election .vtit .t2 {font-weight: 700; font-size: 50px; padding-bottom: 30px;}
.view_election .vtit .img {position: absolute; right: 0; bottom: 0;}
.view_election .vtit .img img {max-height:300px;}
.view_election .txt {padding: 10px 30px; background-color: #fff; color: #2c2c29; }
.view_election .txt li {padding: 16px 0; border-top: 1px solid #d5d5d4; font-size: 20px; line-height: 1.4;}
.view_election .txt li:first-child {border-top: 0;}
.view_election .txt li p {font-weight: 700; font-size: 26px;}
.view_election .txt li div {margin-top: 15px;}

.btn-pk.elebtn {max-width:590px; border: 1px solid #ddd; width: 100%; font-size: 16px; color: #000;}
.btn-pk.elebtn span {display: inline-block; vertical-align: middle; padding-right: 35px; background: url(../images/election/ico_ele_arrow.png) right center no-repeat;}

.view_election .notx {padding-top: 10em; padding-bottom: 10em; text-align: center;}



.lst_comment .bt {margin-top: 10px; font-size: 12px;}
.lst_comment .btn-pk.s {font-size: 12px;}
.lst_comment li .h {font-size: 12px; color: #666;}
.lst_comment li .h strong {font-size: 14px; color: #000;}

.box_comment {display: none; position: relative; margin-top: 10px; border: 1px solid #eee; background-color: #fff; padding: 15px;}
.box_comment .box {position: relative; padding-left: 30px;}
.box_comment .box:after {content:"└"; position: absolute; left: 0; top: 0;}
.box_comment .h {}
.box_comment .textarea1 {width: 100%; height: 100px; font-size: 12px;}
.box_comment p.s {position: absolute; font-size: 12px; color: #999; margin-top: 5px; line-height: 20px;}
.box_comment p.s span {color: #000;}
.box_comment .box .bt {text-align: right; margin-top: 10px;}
.box_comment .list {border-top: 1px solid #eee; margin-top: 15px;}
.box_comment .list li {position: relative; padding-left: 30px;}
.box_comment .list li:after {content:"└"; position: absolute; left: 0; top: 15px;}






/***********/
.tbl_write.wid1 {padding-top: 10px;}
.lst_on1 .txt .h1 {overflow:hidden; line-height:1.2; max-height:75px; word-break: break-all;}

.tbl_calendar td .i-txt span{overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

.lst_photo1 .img span {background-size: 100% 100%; background-color: #eee;}
.lst_photo1 .lst_dot ul {width: 100%;}
.lst_photo1 .lst_dot li {display: block; width: 100%; margin-right: 0; word-break: break-all;}
.lst_health2 .lst_mov .img {margin-bottom: 10px;}
.lst_health2 .lst_mov .img img {position: absolute; left: 0; top: 0; height: 100%;}

.article_bnews .tit .r {margin-top: 10px;}

.i_kakao2 {display: inline-block; vertical-align: middle; width: 48px; height: 48px; background-image: url(../images/common/ico_kakao2.png); background-position: 0 0; background-repeat: no-repeat;}
.i_naver2 {display: inline-block; vertical-align: middle; width: 48px; height: 48px; background-image: url(../images/common/ico_naver2.png); background-position: 0 0; background-repeat: no-repeat;}

.subSlider1 {height: 430px;}
.subSlider1 .item {height: 430px;}


@media (max-width:960px){
	.tbl_write.wid1 {padding-top: 5px;}
	.lst_on1 .txt .h1 {max-height:54px;}
	.article_bnews .tit .r {margin-top: 0; position: absolute; right: 0; top: 0;}

	.i_kakao2 {display: inline-block !important; width: 24px; height: 24px; background-size: cover;}
	.i_naver2 {display: inline-block !important; width: 24px; height: 24px; background-size: cover;}


	.subSlider1 .item .txt .h1 {padding-top: 30px;}
	.subSlider1 .owl-nav {display: none;}
}
@media (min-width:961px){
	.atc_timg.big {overflow:hidden; padding-top: 10px;}
	.atc_timg.big .t1 {font-size: 16px; line-height: 25px;}
}




/***20220118**/
.lst_scholarship1 {position: relative;}
.lst_scholarship1:after {content:""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #ddd;}
.lst_scholarship1 > div.col {padding-left: 20px; padding-right: 20px;}
.lst_scholarship1 .im {max-width:580px; max-height:330px;}
.ad_scholarship {padding-left: 20px; padding-right: 20px;}

#container.scholarship .lft_article .article_bnews .cont {margin-left: 115px;}

.bg_w.lst_pamacian {padding-bottom: 35px;}
.bg_w.lst_pamacian .inr-c {padding-left: 20px; padding-right: 20px;}
.bg_w.lst_pamacian .e {margin-bottom: 10px;}
.bg_w.lst_pamacian .h1 {text-align: left; background-position: 0 0;}
.bg_w.lst_pamacian .t1 {max-height:40px;}


@media (max-width:960px){
	.lst_scholarship1 > div.col {padding-left: 0; padding-right: 0;}
	.lst_scholarship1:after {content:none;}

	#container.scholarship .lft_article .article_bnews .cont {margin-left: 0;}
}
@media (min-width:961px){
	.article_bnews.gray .atc_img:first-child {padding-top: 0;}
	.article_bnews.gray .atc_txt:first-child {padding-top: 0;}
	.inp_writer .n2 {margin-top: 0;}
}


/********/
.sympo_pop {z-index: 2; position: absolute; left: 50%; margin-left: 390px; top: 320px;}
.sympo_pop img {width: 250px; height: 300px;}
.sympo_pop .btn_close {background-color: rgba(255,255,255,.3); border-radius: 50%;}
.sympo_pop .btn_close span {margin: 0 auto;}

.bbs_view2 .pos-r {}
.bbs_view2 .pop {z-index: 1; position: absolute; right: 0; top: 20px;}


.bbs_sympo_view .inr-c {padding: 40px; font-size: 16px; line-height: 1.6;}
.bbs_sympo_view .tit1 {font-weight: 700; font-size: 24px; line-height: 1; margin-bottom: 10px;}
.bbs_sympo_view .tit1 span {display: inline-block; padding-left: 20px; border-left: 3px solid rgb(221, 51, 51); color: rgb(221, 51, 51);}
.bbs_sympo_view .tit2 {margin: 45px 0 15px; font-size: 18px; font-weight: 700; color: #333;}
.bbs_sympo_view .tit3 {margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight: 700;}
.bbs_sympo_view .txt {padding-left: 20px; margin-bottom: 30px; font-size: 18px;}


@media (max-width:1280px){
	.sympo_pop {left: auto; margin-left: 0; right: 3.4%;}
	.sympo_pop img {width: auto; height: auto; max-width:250px;}
}
@media (max-width:960px){
	.bbs_view2 .pop {position: static;}
	.bbs_view2 .pop img {width: 100%;}
	.bbs_view2 .cont {margin-top: 15px; padding-top: 15px;}
	.sympo_pop {top: 300px;}

	.lst_health > .atc_timg .t1 {height: 65px;}
}


/**/
.article_bnews.pd {margin-left: 14px; margin-right: 14px;}


@media (min-width:961px) and (max-width:1280px){
	.container.features .path .article_list2 li {width: 31.33%;}
	.container.features .path .article_list2 .tx .h {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
	.container.features .path .article_list2 .tx .t {overflow:hidden; }


	.article_list2 .im {width: 65px; height: 55px;}
	.article_list2 .tx {padding-left: 50px; padding-top: 10px;}
}


.rgh_article.infix {position: fixed; left: 50%; bottom: 10px; margin-left: 330px; max-width:310px;}
.rgh_article.infix.nfix {bottom: 259px;}
@media all and (min-width:961px){
/* 메인 우측고정 */
	.mqrt.fix{position: fixed; right:35px; bottom:10px; width: calc(24.25% - 40px);}
	.mqrt.fix.fix2{position:absolute;right:15px;bottom: 0;margin-right:0; width: calc(24.25% - 30px); max-width:280px;}
}
@media all and (min-width:1281px){
/* 메인 우측고정 */
	.mqrt.fix{right: auto;left:50%;bottom:10px;margin-left: 345px; width: 100%; max-width:280px;}
}




.add_post {font-size: 12px; margin-top: 20px;}
.add_post .box {border: 1px solid #ccc; background-color: #dadada; padding: 10px; margin-top: 10px;}
.add_post .box ul {font-size: 0;}
.add_post .box li {display: inline-block; vertical-align: top; width: 48%; margin: 5px 0; box-sizing:border-box; font-size: 13px;}
.add_post .box li p {float: left; line-height: 35px;}
.add_post .box li > div {display: flex; margin-left: 70px;}
.add_post .box li:first-child {margin-right: 4%;}
.add_post .box li:last-child {width: 100%;}
.add_post .box .select1:last-child {margin-right: 0;}
.add_post .box .inp_txt,
.add_post .box .select1 {border: 1px solid #cecece; height: 35px; line-height: 33px;}
.add_post .box .btn-bot {text-align: center; margin-top: 10px;}


.tit_arclist {margin-bottom: 10px; text-align: center;}
.tit_arclist ul {display: flex;}
.tit_arclist li {position: relative; flex:1; line-height: 40px;}
.tit_arclist li:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background-color: #ccc;}
.tit_arclist li:first-child:after {content:none;}
.tit_arclist li a {font-weight: 700; display: block; font-size: 16px;}
.tit_arclist li.on a {color: #e50012;}