@charset "UTF-8";
/* 
 * 추후 해당 파일 삭제 예정
 * 현재 viewUser.css + common.css 합치다가 중단
 * 최종 남는 파일은  common.css
*/
/* HTML Default STYLE set --------------------------------------------------------------------------------------- */
	img{height: auto; width: auto}
	.clearfix{clear: both;}
	.grid{width: 100%; margin: 0 auto;}
	.grid:before, .grid:after, .row:before, .row:after{content: " "; display: table;}
	.grid:after, .row:after{clear: both;}
	[class*='col-']{min-height: 1px; float: left;}
	.col{text-align: center; margin: 10px;}
	.col:not(.noIdxTop){opacity: .99;}
	.col_s{text-align: center; margin: 0 16px 0 0; opacity: .99;}
	.b-l{border-left: 1px solid #DDDFE2;}
	.b-r{border-right: 1px solid #B0B0B0;}
	.pull-right{float: right !important;}
	.pull-left{float: left !important;}
	#seoul-common-gnb{height: 49px; border-bottom: 1px solid #000;}

/* FOOTER  ------------------------------------------------------------------------------------------------------ */
	footer{background: #232628; position: relative; z-index: 2;}
	footer .fTop{width: 100%;}
	footer .fTop .f_menu{display: inline-block;}
	footer .fTop .f_menu li{color: #FFF; font-weight: 500; text-align: center; float: left; position: relative;}
	footer .fTop .f_menu li:not(:first-of-type):before, footer .fTop .f_menu>li:not(:last-of-type):after{content: "";}
	footer .fTop .f_menu li:before, footer .fTop .f_menu>li:after{width: 1px; position: absolute; top: 50%; transform: translateY(-50%);}
	footer .fTop .f_menu li:before{background: #868788; left: 0;}
	footer .fTop .f_menu li:after{background: #FFF; right: 0;}
	footer .fBttm{width: 100%; border-top: 1px solid #343434;}
	footer .fBttm .address{color: #ACACAC;}

/* User PAGE common set  ---------------------------------------------------------------------------------------- */
	/* wrapper // device type default */
	.isPc:not(.widget){max-width: 1400px; margin: 0 auto;}

	/* User PAGE common // Tabs */
	.horizontal-tabs.tabs2>ul>li:not(:last-of-type){width: calc((100% - 2px) / 2);}
	.horizontal-tabs.tabs2>ul>li:last-of-type{width: calc((100% - 3px) / 2);}
	.horizontal-tabs.tabs3>ul>li:not(:last-of-type){width: calc((100% - 4px) / 3);}
	.horizontal-tabs.tabs3>ul>li:last-of-type{width: calc((100% - 5px) / 3);}
	.horizontal-tabs.tabs4>ul>li:not(:last-of-type){width: calc((100% - 6px) / 4);}
	.horizontal-tabs.tabs4>ul>li:last-of-type{width: calc((100% - 7px) / 4);}
	.horizontal-tabs.tabs5>ul>li:not(:last-of-type){width: calc((100% - 8px) / 5);}
	.horizontal-tabs.tabs5>ul>li:last-of-type{width: calc((100% - 9px) / 5);}
	.horizontal-tabs.tabs6>ul>li:not(:last-of-type){width: calc((100% - 10px) / 6);}
	.horizontal-tabs.tabs6>ul>li:last-of-type{width: calc((100% - 11px) / 6);}
	.horizontal-tabs.tabs7>ul>li:not(:last-of-type){width: calc((100% - 12px) / 7);}
	.horizontal-tabs.tabs7>ul>li:last-of-type{width: calc((100% - 13px) / 7);}
	.horizontal-tabs{width: 100%; text-align: right; display: inline-block;}
	.horizontal-tabs>ul{border-bottom: 2px solid #E45151; padding-left: 0;}
	.horizontal-tabs>ul>li{font-size: 18px; text-align: center; line-height: 62px; border: 1px solid #DFDFDF; border-top-color: #CFCFCF; display: inline-block; float: left; cursor: pointer;}
	.horizontal-tabs>ul>li:not(:first-of-type){margin-left: 2px;}
	.horizontal-tabs>ul>li:not(.on){height: 62px; background: #E7E7E7 url("../../images/common/tabsGra.png") repeat-x 0 0; color: #222324;}
	.horizontal-tabs>ul>li:not(.on):hover,
 	.horizontal-tabs>ul>li:not(.on):active{border-top-width: 5px; line-height: 54px;}
	.horizontal-tabs>ul>li:not(.on):hover{border-color: #99A0A2; border-bottom: none;}
	.horizontal-tabs>ul>li:not(.on):active{border-color: #707376;}
	.horizontal-tabs>ul>li.on{height: 65px; background: #FFF; color: #3A3D40; border: 2px solid #E45151; border-bottom-color: #FFF; margin-bottom: -2px; position: relative; z-index: 1;}
	.horizontal-tabs>ul>li>a{color: inherit;}
	
/* MEDIA QUERY set  --------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1050px) and (min-width: 992px){
	.selectGrp.en .selectBox label[for="stepTypeCd"]{line-height: normal; padding-top: 3px;}
}
@media screen and (min-width: 1380px){
	.col-lg-3{width: 25%;}
}
@media screen and (max-width: 1379px) and (min-width: 992px){
	.col-lg-3{width: 33.33333%;}
	.submenu_area .col-lg-3{width: 25%;}
}
@media screen and (min-width: 992px){
	/* Desktop Device support ** min.ver // col-lg-1 ~ 12 */
	.col-lg-1{width: 8.33333%;}.col-lg-2{width: 16.66667%;}.col-lg-4{width: 33.33333%;}.col-lg-5{width: 41.66667%;}.col-lg-6{width: 50%;}.col-lg-7{width: 58.33333%;}.col-lg-8{width: 66.66667%;}.col-lg-9{width: 75%;}.col-lg-10{width: 83.33333%;}.col-lg-11{width: 91.66667%;}.col-lg-12{width: 100%;}
	/* Desktop Device support ** min.ver // offset-lg-0 ~ 11 */
	.offset-lg-0{margin-left: 0;}.offset-lg-1{margin-left: 8.33333%;}.offset-lg-2{margin-left: 16.66667%;}.offset-lg-3{margin-left: 25%;}.offset-lg-4{margin-left: 33.33333%;}.offset-lg-5{margin-left: 41.66667%;}.offset-lg-6{margin-left: 50%;}.offset-lg-7{margin-left: 58.33333%;}.offset-lg-8{margin-left: 66.66667%;}.offset-lg-9{margin-left: 75%;}.offset-lg-10{margin-left: 83.33333%;}.offset-lg-11{margin-left: 91.66667%;}
	.visible-lg{display: block !important;}
	.hidden-lg{display: none !important;}
}
@media screen and (max-width: 991px) and (min-width: 769px){
	/* Tablet device support ** min.ver // col-lg-1 ~ 12 */
	.col-md-1{width: 8.33333%;}.col-md-2{width: 16.66667%;}.col-md-3{width: 25%;}.col-md-4{width: 33.33333%;}.col-md-5{width: 41.66667%;}.col-md-6{width: 50%;}.col-md-7{width: 58.33333%;}.col-md-8{width: 66.66667%;}.col-md-9{width: 75%;}.col-md-10{width: 83.33333%;}.col-md-11{width: 91.66667%;}.col-md-12{width: 100%;}
	/* Tablet device support ** min.ver // offset-lg-0 ~ 11 */
	.offset-md-0{margin-left: 0;}.offset-md-1{margin-left: 8.33333%;}.offset-md-2{margin-left: 16.66667%;}.offset-md-3{margin-left: 25%;}.offset-md-4{margin-left: 33.33333%;}.offset-md-5{margin-left: 41.66667%;}.offset-md-6{margin-left: 50%;}.offset-md-7{margin-left: 58.33333%;}.offset-md-8{margin-left: 66.66667%;}.offset-md-9{margin-left: 75%;}.offset-md-10{margin-left: 83.33333%;}.offset-md-11{margin-left: 91.66667%;}
	.visible-md{display: block !important;}
	.hidden-md{display: none !important;}
}
@media screen and (max-width: 1190px) and (min-width: 769px){
	.wrap.sub>header{min-width: 100%}
	.sub #gnb{width: 100%;margin-right: 5px;}
}

@media screen and (min-width: 769px){
	.topMenuGrp .quickMenu li>.innerLink{padding: 0 0px 0px 19px;}
}
@media screen and (max-width: 768px){
	/* all Moblie device support ** min.ver // col-lg-1 ~ 12 */
	.col-sm-1{width: 8.33333%;}.col-sm-2{width: 16.66667%;}.col-sm-3{width: 25%;}.col-sm-4{width: 33.33333%;}.col-sm-5{width: 41.66667%;}.col-sm-6{width: 50%;}.col-sm-7{width: 58.33333%;}.col-sm-8{width: 66.66667%;}.col-sm-9{width: 75%;}.col-sm-10{width: 83.33333%;}.col-sm-11{width: 91.66667%;}.col-sm-12{width: 100%;}
	/* all Moblie device support ** min.ver // offset-lg-0 ~ 11 */
	.offset-sm-0{margin-left: 0;}.offset-sm-1{margin-left: 8.33333%;}.offset-sm-2{margin-left: 16.66667%;}.offset-sm-3{margin-left: 25%;}.offset-sm-4{margin-left: 33.33333%;}.offset-sm-5{margin-left: 41.66667%;}.offset-sm-6{margin-left: 50%;}.offset-sm-7{margin-left: 58.33333%;}.offset-sm-8{margin-left: 66.66667%;}.offset-sm-9{margin-left: 75%;}.offset-sm-10{margin-left: 83.33333%;}.offset-sm-11{margin-left: 91.66667%;}
	.visible-sm{display: block !important;}
	.hidden-sm{display: none !important;}
	#snb .topMenuGrp .quickMenu{border-bottom-width: 3px;}
/* 	#snb .topMenuGrp .quickMenu li>.innerLink{padding-left: 12px; padding-right: 12px;} */
	footer .fTop{text-align: center;}
}
@media screen and (min-width: 376px){
	#snb .topMenuGrp>.inner{float: right;}
}