@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
body,th,td,input,select,textarea,h2,h3,h4,h5,address{font-family:'Noto Sans KR', sans-serif; font-style:normal; font-weight:normal; font-size:14px; line-height:1.4; color:#666;}

#header,
#header #gnb:after,
#header #gnb:before,
#header #gnb>li>a:before,
#header #gnb>li,
#header #gnb a,
#header #gnb>li>a>span:before,
#header #gnb .gnbSub>li>a,

#container.landscape #snb #nav>li>a,
#container.landscape #snb #nav>li>a i,
#container.landscape #snb #nav>li>a i:after,
#container.landscape #snb #nav>li>a i:before,
#container.landscape #snb #nav .lnbSub>a,

#container.portrait #snb #nav>li>a,
#container.portrait #snb #nav>li .d3>li>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

a.goTop,
a.goTop:before{transition: all .5s ease-out;}

/*[s] Layout Style */
	.inConts{width:1200px; margin:0 auto; position: relative;}
	#wrap{width:100%; min-width:1220px; margin:0 auto; position:relative; overflow:hidden; word-break:keep-all; word-wrap:break-word;}

	#header{width:100%; background-color: #fff; border-bottom:1px solid #e5e5e5; font-size:0; line-height:0; position: relative; z-index:7;}
	#header h1{display:inline-block;}

	#header #gnb{display:inline-block; position: absolute; right:0px; top:0;}
	#header #gnb:before{content: ""; width:2400px; height:0; margin-left:-1200px; background-color:#fff; border-top:1px solid #e5e5e5; position: absolute; left:50%; top:80px; z-index:1;}
	#header #gnb>li{display:inline-block; vertical-align: top; position: relative;}
	#header #gnb>li>a{width:100%; height:80px; padding:0 38px; font-weight: 500; font-size:16px; line-height:1.4;color: #333; display:table; box-sizing: border-box;}
	#header #gnb>li>a>span{padding:5px 0; display:table-cell; vertical-align:middle; position: relative;}
	#header #gnb>li>a>span:before{content: ""; width: 0; height: 2px; background-color: #2f507e; margin-left:0%; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;}

	#header #gnb .gnbSub{padding:0 38px; white-space: nowrap; box-sizing: border-box; position: absolute; left:0; top:80px; z-index:4; display:none;}
	#header #gnb .gnbSub>li{display:inline-block; vertical-align: top;}
	#header #gnb .gnbSub>li+li{padding-left:30px;}
	#header #gnb .gnbSub>li>a{width:100%; height:71px; font-size:15px; line-height:1.3; color: #888; display:table; box-sizing: border-box;}
	#header #gnb .gnbSub>li>a>span{padding:5px 0; display:table-cell; vertical-align: middle;}

	#header #gnb>li:hover>a>span:before,
	#header #gnb>li.active>a>span:before,
	#header #gnb>li.oPage>a>span:before{width: 100%; margin-left:0px; left:0; opacity: 1}

	#header #gnb:hover:before{height:71px;}
	#header #gnb>li:hover>a,
	#header #gnb>li.active>a,
	#header #gnb>li.oPage>a{color: #2f507e;}
	#header #gnb .gnbSub>li>a:hover,
	#header #gnb .gnbSub>li.active>a,
	#header #gnb .gnbSub>li.oPage>a{color: #333;}
	#header #gnb .gnbSub>li.active>a,
	#header #gnb .gnbSub>li.oPage>a{font-weight: 500;}

	#header,
	#header #gnb:before{box-shadow:0px 8px 10px rgba(0,0,0,0.05); -webkit-box-shadow:0px 8px 10px rgba(0,0,0,0.05);}

	#container.portrait #sVisual,
	#container.portrait #snb>h2{display:none;}

	#sVisual{width:100%; font-size:0; line-height:0; overflow:hidden; position: relative;}
	#sVisual .inConts{padding:80px 0 70px;}
	#sVisual .titArea{padding-top:105px; text-align: center;}
	#sVisual .titArea .icon{}
	#sVisual .titArea h2{font-weight: 500; font-size:30px; line-height:38px; color: #333;}
	#sVisual .titArea .icon+h2{padding-top:24px;}
	#sVisual .titArea .text{font-size:16px; line-height:24px; color: #777;}
	#sVisual .titArea h2+.text{padding-top:7px;}
	#sVisual .titArea .text+.icon{padding-top:45px;}

	#sVisual.noBg{background-image:none;}
	#sVisual.noBg .titArea{display:none;}

	#container.landscape #snb{width:100%; font-size:0; line-height:0; position: relative; z-index:6;}
	#container.landscape #snb #nav{max-width:1200px; margin:0 auto; box-sizing:border-box;}
	#container.landscape #snb #nav>li{}

	#container.landscape #snb #nav .lnbSub{ text-align: center; box-sizing:border-box;}
	#container.landscape #snb #nav .lnbSub>a{width:calc( 100% / 5 ); height:65px; background-color: #f6f6f6; border:1px solid #d6d6d6; font-size:16px; line-height:63px; color:#888; display:inline-block; box-sizing:border-box; position: relative; z-index:1;}
	#container.landscape #snb #nav .lnbSub>a>span{}
	#container.landscape #snb #nav .lnbSub>a+a{margin-left:-1px;}
	#container.landscape #snb #nav .lnbSub>a:hover,
	#container.landscape #snb #nav .lnbSub>a.active{background-color: #0091f3; border-color:#0091f3; color: #fff; z-index:2;}

	#container.landscape #snb #nav>li.sDepth01{display:none;}


	#contents{min-height:565px; margin:0 auto; padding:80px 0 100px; position: relative; box-sizing: border-box;} /*min-height:460px;*/
	#contents.full{width:100%; padding-bottom:0px; overflow:hidden;}
	#contents.full .fullBox{width:1920px; margin-left:-960px; position: relative; left:50%;}
	#contents.full .fullBox.gray{background-color: #f7f7f7;}
	#contents.full .inConts{padding:80px 0;}

	#container{width:100%; margin:0 auto; position: relative; box-sizing: border-box;}
	#container.portrait{width:1200px; padding:0 0 0 202px;}
	#container.portrait #contents{width:100%;}
	#container.landscape #contents{width:100%; background-color: #eef7fb;}
	#container.landscape #contents h3{padding:50px 0 45px; background:url('../../images/bul_h3.png') no-repeat center top; font-weight: 300; font-size:30px; line-height:38px; color: #333; text-align: center;}
	#container.landscape #contents h3>strong{font-weight: 500;}
	#container.landscape #contents h3.bg0102{padding-top:55px; background-image:url('../../images/bul_h3_0102.png')}
	#container.landscape #contents h3.bg0103{padding-top:55px; background-image:url('../../images/bul_h3_0103.png')}

	#container.landscape #contents.noBg{padding-top:0; background-color: #fff;}
	#container.landscape #contents.pink{background-color: #fff6f6;}


	#footer{width:100%;  background-color: #333; font-size:0; line-height:0; position: relative; z-index:5;}

	#footer .text{}
	#footer .text>p{}
	#footer .text>address,
	#footer .text>p>span{font-style: normal; font-weight: 300; font-size:14px; line-height:22px; color: #999; display:inline-block; vertical-align: top; position: relative;}
	#footer .text>p>span+span{margin-left:12px;}
	#footer .text>p>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color: #888; display: inline-block; position:absolute; left: -6px; top:50%;}
	#footer .text>address{padding-top:10px;}

	#footer.bg .text{padding:45px 0 90px 140px; background:url('../../images/foot_logo.gif') no-repeat 18px 38px; position: relative;}

	#footer .social{position: absolute; right:15px; top:50px; display:inline-block;}
	#footer .social>a{display:inline-block; vertical-align: top;}
	#footer .social>a+a{margin-left:30px;}

	.familysite{width:120px; height:29px; padding:0 13px; background:#545454 url('../../images/bg_familysite_arr.gif') no-repeat 90% center; border:none; font-size:13px; line-height:29px; color: #999; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:3px; box-sizing: border-box; position: absolute; left:0; top:108px; z-index:4;}
	.familysite::-ms-expand{display:none;}

	a.goTop{width:50px; height:50px; background-color: #acacac; font-size:0; line-height:0; position: fixed; right:15px; bottom:15px; z-index:9; display:block; overflow:hidden; opacity: 0;}
	a.goTop.open{opacity: 1;}
	a.goTop:before{content: ""; width: 100%; height: 100%; background:url('../../images/arr_goTop.png') no-repeat center center; display: block; position:absolute; left: 0; top:0px;}
	a.goTop:hover{border-radius:25px; transform:rotate(180deg);}
	a.goTop:hover:before{transform:rotate(-180deg);}
/*[e] Layout Style */

/*
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/