@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(NanumSquareR.eot);
 src: local('☺'),
      url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareR.woff) format('woff'),
      url(/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(NanumSquareB.eot);
 src: local('☺'),
      url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareB.woff) format('woff'),
      url(/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(NanumSquareEB.eot);
 src: local('☺'),
      url(/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareEB.woff) format('woff'),
      url(/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(NanumSquareL.eot);
 src: local('☺'),
      url(/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/font/NanumSquareL.woff) format('woff'),
      url(/font/NanumSquareL.ttf) format('truetype');
}

@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, select,
time, mark, audio, video, textarea, input, button{font-family: 'NanumSquare', sans-serif;}

/*overflow:hidden;*/
*{margin:0; padding:0;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;  font-size:12px;}
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}
textarea, select{}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 !important;}

html, body{height:100%;}
.inner{max-width:1200px; margin:0 auto;}
.top_header{position:absolute; left:0; top:0; right:0; z-index:3;}
.top_header .inner{padding-top:25px; display:flex; justify-content: space-between;}

.head_sub_menu{text-align:right; font-size:0; padding-top:5px; padding-right:40px;}
.head_sub_menu li{display:inline-block; position:relative; line-height:1;}
.head_sub_menu li + li{margin-left:8px; padding-left:8px;}
.head_sub_menu li + li:before{display:block; content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#595959; }
.head_sub_menu a{display:block; font-size:15px; color:#595959;}
.menu_wrap{border:2px solid #f8b551; border-radius:54px; padding:0 50px; margin-top:10px; margin-top:10px; background:#fff;}
.dep1{display:flex;}
.dep1 li{position:relative;}
.dep1 li + li{margin-left:70px;}
.dep1 li > a{color:#141414; font-size:18px; font-weight:900; display:block; height:52px; line-height:52px; transition-duration:0s;}
.dep1 li:hover > a{color:#f18d00; text-decoration:underline; transition-duration:0s;}
.dep1 li:hover .dep2{display:block;}
.dep2{position:absolute; top:100%; width:139px; left:50%; margin-left:-70px; z-index:5; padding-top:23px; display:none;}
.dep2 > div{background:#fff; border:2px solid #f18d00; border-radius:5px; position:relative; padding:10px 0;}
.dep2 > div:before{display:block; content:''; width:23px; height:18px; left:50%; top:-18px; margin-left:-11px; position:absolute; background:url('/images/dep_arrow.png') center center no-repeat;}
.dep2 a{display:block; left:0; text-align:center; white-space:nowrap; color:#c4c4c4; font-size:16px; line-height:30px; font-weight:600;}
.dep2 a:hover{color:#f8b551;}
.dep2 a:hover:before, .dep2 a:hover:after{display:inline-block; content:''; width:4px; height:4px; border-radius:50%; background:#f18d00; vertical-align:middle;}
.dep2 a:hover:before{margin-right:4px;}
.dep2 a:hover:after{margin-left:4px;}


.main_container{height:100%; background:url('../images/main_img.png') center top no-repeat; position:relative; max-width:1920px; margin:0 auto;}
.main_img01, .main_img02{position:absolute; left:0; top:0; width:100%; height:100%;}
.main_img01{background:url('../images/main_element01.png') center top no-repeat; animation-name: rotateheart; animation-iteration-count: infinite; animation-duration: 2s; animation-delay: 0.2s; animation-timing-function: ease-out;}
.main_img02{background:url('../images/main_element02.png') center top no-repeat; animation-name: rotateheart2; animation-iteration-count: infinite; animation-duration: 2s; animation-delay: 0.2s; animation-timing-function: ease-out;}

.hover_section{position:absolute; z-index:2;}
.hover_section a{position:relative; z-index:3;}
.hover_section img{position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-86px; opacity:0; transition-duration:0.3s;}
.hover_section a:hover + div img{margin-top:-80px; opacity:1;}
.main_section01{left: calc(50% - 521px); top:260px;}
.main_section02{left: calc(50% + 74px); top:173px;}
.main_section03{left: calc(50% + 261px); top:289px;}
.main_section04{left:calc(50% - 227px); top:300px;}
.main_section05{left: calc(50% - 497px); top:572px;}
.main_section06{left: calc(50% - 132px); top:692px;}
.main_section07{left: calc(50% - -194px); top: 557px;}

.main_section01 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}
.main_section02 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}
.main_section03 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}
.main_section04 a{transform: rotate3d(12,-5,10,69deg); width: 390px; height: 420px; display:block;}
.main_section05 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}
.main_section06 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}
.main_section07 a{transform: rotate3d(12,-5,10,69deg); width: 230px; height: 233px; display:block;}




@keyframes rotateheart{
	0%{top:-5px;}
	50%{top:5px;}
	100%{top:-5px;}
}

@keyframes rotateheart2{
	0%{top:5px;}
	50%{top:-5px;}
	100%{top:5px;}
}



footer{background:#313131; padding:45px 0 75px;}
.footer_content_wrap{display:flex;}
.footer_left{padding-right:100px;}
.sns_list{font-size:0; display:flex;}
.sns_list li + li{margin-left:10px;}
.footer_logo{margin-top:10px;}
.footer_logo img{display:block;}
.footer_tel{font-weight:800; font-size:21px; color:#bfbfbf; margin-top:17px;}
.footer_info{font-size:0;}
.footer_info + .footer_info{margin-top:5px;}
.footer_info li{display:inline-block; font-size:13px; color:#bfbfbf;}
.footer_info li + li{margin-left:15px;}
.footer_info span{display:inline-block; line-height:1;}
.footer_info span + span{padding-left:5px; margin-left:5px; border-left:1px solid #bfbfbf;}
.footer_family{margin-top:15px;}
.footer_family ul{font-size:0;display:flex;}
.footer_family ul li{font-size:13px; color:#bfbfbf; display:flex; align-items: center;}
.footer_family ul li + li{margin-left:30px; }
.footer_family ul li div:first-child{padding-right:5px; margin-right:5px; border-right:1px solid #bfbfbf;}
.copyright{font-size:13px; color:#bfbfbf; margin-top:25px;}



.ta_left{text-align:left;}
.ta_right{text-align:right;}
.ta_center{text-align:center;}

.fl_left{float:left;}
.fl_right{float:right;}


.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}

.ml-10{margin-left:-10px;}
.mr-10{margin-right:-10px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl110{padding-left:110px;}
.pl120{padding-left:120px;}
.pl130{padding-left:130px;}
.pl140{padding-left:140px;}
.pl150{padding-left:150px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr110{padding-right:110px;}
.pr120{padding-right:120px;}
.pr130{padding-right:130px;}
.pr140{padding-right:140px;}
.pr150{padding-right:150px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}
.pt95{padding-top:95px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb75{padding-bottom:75px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}
.pb170{padding-bottom:170px;}