@charset "UTF-8";

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


* {border: 0px; margin:0; padding:0;}
html, body {height:100%;}

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, thead, tbody, tfoot,  tr, th, td, select, option, textarea {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; text-decoration:none; text-align:left; background:transparent; font-family: 'NanumSquare', '맑은 고딕', 'Malgun Gothic', Dotum; color: #fff; }

a {text-decoration:none; color:#555; cursor:pointer;}
a:hover,
a:focus {color:#333; letter-spacing:0px; text-decoration:none;}
a:link, a:visited { text-decoration: none; color:inherit; font-weight:inherit; font-size:inherit; letter-spacing:inherit; }
a:hover, a:active { text-decoration: none; color:inherit; font-weight:inherit; font-size:inherit; letter-spacing:inherit; }

table { border-spacing: 0px;}
pre {line-height:20px;}
h1, h2, h3, h4, h5, h6, form, input, ul, ol, li, dl, dt, dd, p {margin:0; padding:0;}
img {border:0;}
ul {margin:0; padding:0;}
li {list-style:none;}
caption { position:absolute; top:0; left:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
input[type="text"]:focus {border:1px solid #0066cb;}
input[type="radio"] {vertical-align: middle; background:none; border:0; cursor:pointer;}
label {display:inline-block; margin: 0 8px 0 4px; vertical-align: middle; cursor:pointer;}

input[type=radio]:checked + label span,
input[type=checkbox]:checked + label span {color:#0066cb; font-weight:600;}

.skip_navigation { display: none; }


body { background: url('../img/bg.jpg') no-repeat center center; background-size: cover; overflow: hidden; }

#header { text-align: left; }
#header h1 { text-indent: -9999px; background: url('../img/logo.png') no-repeat 25px 22px; padding: 22px 0 0 25px; width: 230px; height: 52px; }

#title { margin-top: 281px; margin-left: 95px; }
#title h2 { font-weight: 800; letter-spacing: -0.02em; font-size: 60px; line-height: 75px; width: 760px; text-transform: uppercase; }
#title h3 { font-size: 30px; line-height: 45px; font-weight: 300; letter-spacing: -0.02em;}

#gnb_box { position: absolute; right: 15px; top: 15px; width: 705px; }
#gnb_box > li { float: right; width: 290px; height: 290px; box-sizing: border-box; margin: 8px; }
#gnb_box li a { display: block; position: relative; width: 290px; height: 290px; padding: 20px; box-sizing: border-box; border: 17px solid rgba(255, 255, 255, 0.6); }
#gnb_box li a p { font-size: 20px; text-transform: uppercase; font-weight: 800; line-height: 28px; letter-spacing: -0.02em;}
#gnb_box li a ul { position: absolute; bottom: 23px; max-width: 216px; }
#gnb_box li a li { clear: both; background: url('../img/list_bar.png') no-repeat left top 10px; line-height: 21px; padding-left: 15px; font-size: 16px; font-weight: 300; }
#gnb_box li a:hover { cursor: inherit; }
#gnb_box #menu01 a:hover, #gnb_box #menu02 a:hover { border-color: #ffffff; cursor: pointer; }
#gnb_box #menu01 a:hover p, #gnb_box #menu02 a:hover p { color: #ff9c00; }

#gnb_box #menu01 { margin-left: 328px;}

.footer { position: absolute; left: 95px; bottom: 30px;}



.ly_pop { display: none; width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 999; padding: 135px 95px 0 95px; box-sizing: border-box;
        background: url('../img/lybg.jpg') no-repeat center center; background-size:cover; background-attachment: fixed; }
.ly_pop .close_btn { position: absolute; top: 27px; right: 29px; transition-duration: 0.5s;}
.ly_pop .close_btn:hover { transform: rotate(45deg); transition-duration: 0.5s;}

.ly_pop h2 { clear: both; font-size: 60px; line-height: 75px; color: #ff9c00; font-weight: 800; letter-spacing: -0.03em; }
.ly_pop h3 { clear: both; font-size: 30px; line-height: 45px; margin-top: 40px; }
.ly_pop .img { clear: both; margin-top: 130px; }
#menu02_pop .img { margin-top:20px; max-height: 550px; }
#menu02_pop .img img { max-height: 550px; }

.ly_pop article { clear: both;  margin-bottom: 70px;}
.ly_pop article h4 { max-width: 330px; height: 75px; /*line-height: 55px;*/
                    padding-left: 15px; border: 12px solid rgba(255, 255, 255, 0.6);
                    font-size: 18px; font-weight: 700; letter-spacing: -0.03em;}
.ly_pop article h5 { font-size: 18px; margin: 30px auto 0;}
.ly_pop article h5:first-child { margin-top: 0;}
.ly_pop article li { clear: both; font-size: 17px; line-height: 25px; clear: both; color: rgba(255, 255, 255, 0.6);
                    background: url('../img/list_bar.png') no-repeat left top 16px; padding-left: 15px; margin-left:15px; }

.ly_pop article li .sub_list { margin-bottom: 15px;}
.ly_pop article li .sub_list li { font-size: 14px; line-height: 18px; background: none; list-style: disc; padding:0; margin-left: 15px; }


.clear { clear:both; display: block; content:'';}
.bold {font-weight: 700;}
.boldeb { font-weight: 800;}

/*font-color*/
.fcolor1 { color: #ff9c00 !important; font-weight: inherit;}
.fcolor2 { color: #90ce20 !important; font-weight: inherit;}
.fcolor-grey { color: #9f9f9f !important; font-weight: inherit;}

/*col*/
.col { float: left; padding: 0 10px 0; box-sizing: border-box; }
.row2:after { clear:both; display: block; content:'';}
.col_empty { height: 1px; }
.col1 { width: 100% !important;}
.col2 { width: 50% !important; }
.col3 { width: 33.3% !important; }
.col4 { width: 25% !important; }
.col5 { width: 20% !important; }
.col6 { width: 16.66% !important; }
.col7 { width: 14.28% !important; }
.col8 { width: 12.5% !important; }
.col9 { width: 11.11% !important; }
.col10 { width: 10% !important; }

.col30 { width: 30% !important; }
.col40 { width: 40% !important; }
.col50 { width: 50% !important; }
.col60 { width: 60% !important; }
.col70 { width: 70% !important; }
.col80 { width: 80% !important; }



.text_center { text-align: center !important; }
.text_left { text-align: left !important; }
.text_right { text-align: right !important; }

.m_top0 { margin-top: 0px !important; }
.m_top10 { margin-top: 10px !important; }
.m_top20 { margin-top: 20px !important; }
.m_top30 { margin-top: 30px !important; }
.m_top40 { margin-top: 40px !important; }
.m_top50 { margin-top: 50px !important; }

.m_bottom0 { margin-bottom: 0px !important; }
.m_bottom10 { margin-bottom: 10px !important; }
.m_bottom20 { margin-bottom: 20px !important; }
.m_bottom30 { margin-bottom: 30px !important; }
.m_bottom40 { margin-bottom: 40px !important; }
.m_bottom50 { margin-bottom: 50px !important; }
.m_bottom60 { margin-bottom: 60px !important; }
.m_bottom70 { margin-bottom: 70px !important; }

.m_left0 { margin-left: 0px !important; }
.m_left10 { margin-left: 10px !important; }
.m_left20 { margin-left: 20px !important; }
.m_left30 { margin-left: 30px !important; }
.m_left40 { margin-left: 40px !important; }
.m_left50 { margin-left: 50px !important; }
.m_left22 { margin-left: 22px !important; }

.m_right0 { margin-right: 0px !important; }
.m_right10 { margin-right: 10px !important; }
.m_right20 { margin-right: 20px !important; }
.m_right30 { margin-right: 30px !important; }
.m_right40 { margin-right: 40px !important; }
.m_right50 { margin-right: 50px !important; }

.p_top0 { padding-top: 0px !important; }
.p_top5 { padding-top: 5px !important; }
.p_top10 { padding-top: 10px !important; }
.p_top15 { padding-top: 15px !important; }
.p_top20 { padding-top: 20px !important; }
.p_top30 { padding-top: 30px !important; }
.p_top40 { padding-top: 40px !important; }
.p_top50 { padding-top: 50px !important; }

.p_bottom0 { padding-bottom: 0px !important; }
.p_bottom5 { padding-bottom: 5px !important; }
.p_bottom10 { padding-bottom: 10px !important; }
.p_bottom20 { padding-bottom: 20px !important; }
.p_bottom30 { padding-bottom: 30px !important; }
.p_bottom40 { padding-bottom: 40px !important; }
.p_bottom50 { padding-bottom: 50px !important; }}
.p_bottom60 { padding-bottom: 60px !important; }}
.p_bottom70 { padding-bottom: 70px !important; }

.p_left0 { padding-left: 0px !important; }
.p_left5 { padding-left: 5px !important; }
.p_left10 { padding-left: 10px !important; }
.p_left20 { padding-left: 20px !important; }
.p_left30 { padding-left: 30px !important; }
.p_left40 { padding-left: 40px !important; }
.p_left50 { padding-left: 50px !important; }

.p_right0 { padding-right: 0px !important; }
.p_right5 { padding-right: 5px !important; }
.p_right10 { padding-right: 10px !important; }
.p_right20 { padding-right: 20px !important; }
.p_right30 { padding-right: 30px !important; }
.p_right40 { padding-right: 40px !important; }
.p_right50 { padding-right: 50px !important; }

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}