@charset "utf-8";
/* basic */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
html, body{margin:0;padding:0;font-family:'Noto Sans KR','Nanum Gothic','나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,sans-serif;line-height:200%}
html{overflow-y:scroll;overflow-x:hidden}
div,table,th,td,p,span,form,fieldset,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,img,iframe,a{margin:0;padding:0;border:0;cursor:normal;vertical-align:top}
div,table,th,td{border-collapse:collapse}
img,input,button{vertical-align:middle}
img{border:0;vertical-align:top}
button{margin:0;padding:0;border:0;background:none}
ul,ol,li{list-style:none}
a{text-decoration:none;cursor:pointer;vertical-align:top}
a,img,input{outline:none;selector-dummy:expression(this.hideFocus=true)}
::-moz-selection{background-color:#ccc;color:#000}
::selection{background-color:#ccc;color:#000}
body{-webkit-text-size-adjust:none} /* 아이폰 세로모드 폰트 확대막기 */
body,html{height:100%}

.blind {position:absolute; left:0; top:-9999px; width:0; height:0; margin:0; padding:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.clear {*zoom:1;}
.clear:after {display:block; clear:both; content:"";}
.lft {float:left;}
.rgt {float:right;}

/* All */
#ie6{display:none}
#wrap{width:100%;height:100%;font-size:14px;}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation,.skip_navigation ul{width:100%;height:0;float:left}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* 로고 */
h1.logo{position:absolute;left:109px;top:7px;z-index:200;}

/* GNB */
#gnb{position:absolute;right:110px;top:0;z-index:100}
#gnb ul li{display:inline}
#gnb ul li a{height:93px;line-height:93px;padding:0 20px;color:#fff;font-size:20px;}
#gnb ul li a:hover{color:#b5c9ff;}

/* header */
.header{width:100%;position:fixed;left:0;top:0;z-index:2000;height:93px;border-top:7px solid #061848;background:#061848;;}
.header .inner{width:1300px;height:93px;margin:0 auto;position:relative;}
.bg_header{display:none;position:fixed;left:0;top:0;z-index:10;width:100%;height:110px;padding:0 !important;background:#000 !important;opacity:0.6;filter:alpha(opacity=60);border-radius:0 !important}

/* 컨텐츠 */
.section{width:100%;overflow:auto;}
.section.all_bg{-webkit-background-size:cover !important;-moz-background-size:cover !important;-o-background-size:cover !important;background-size:cover !important}
.section_in{width:90%;max-width:1300px;text-align:center;margin:0 auto;}

#section1{min-height:100%;overflow:hidden;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section1.jpg) no-repeat center top;position:relative;}
#section1 .section_in{width:90%;max-width:1710px;margin-top:100px;}
#section1 .section_in img{width:100%;}
#section1 .section_in .img{position:absolute;right:0;top:290px;z-index:1;}
#section1 .top_img{position:relative;z-index:5;width:100%;background:url(/_samplefile/sample2001/_images/pc/top_img_bg.jpg) repeat-x;text-align:center;margin-top:100px;}

#section2{min-height:100%;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section2.jpg) no-repeat center top;}
#section2 .section_in{width:80%;padding:0 5% 30px;margin-top:200px}

#section3{min-height:100%;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section3.jpg) no-repeat center top}
#section3 .section_in{width:80%;padding:0 5% 30px;margin-top:250px}
#section3 .section_in .inner_331 li img{max-width:354px;}

#section4{min-height:100%;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section4.jpg) no-repeat center -80px}
#section4 .section_in{width:100%;padding:0;margin-top:145px;}

#section5{min-height:100%;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section5.jpg) no-repeat center top}
#section5 .section_in{width:80%;padding:0 5% 30px;margin-top:180px;}
#section5 .section_in img{width:100%;}

#section6{min-height:100%;background:#fff;position:relative;overflow:hidden;}
#section6 .section_in{padding-top:100px;position:relative;z-index:2;}
#section6 .img{position:absolute;left:50%;bottom:0;margin-left:100px;z-index:1;}

#section7{min-height:800px;background:#fff url(/_samplefile/sample2001/_images/pc/bg_section7.jpg) no-repeat center 100px;}
#section7 .section_in{width:90%;max-width:90%;min-width:1300px;margin-top:320px;text-align:left;}

#footer{background:#fff;border-top:1px solid #bfbfbf;color:#202020;padding:30px 0;}
#footer .section_in{position:relative;width:100%;max-width:700px;margin:0 auto;text-align:left;}
#footer .section_in a{display:inline-block;padding:3px 15px;border:1px solid #a8a8a8;margin-top:5px;}
#footer .section_in .info{position:absolute;left:320px;top:0;}
#footer .section_in .info strong{font-size:30px;color:#1c4693;display:inline-block;margin-top:7px;}
#footer .section_in .info ul li{float:left;}
#footer .section_in .info ul li.first{margin-right:40px;}
#footer .section_in .add strong{font-size:17px;font-weight:500;color:#333333;}
#footer .section_in .add .business_no{display:block;margin-top:20px;}

.quick{position:fixed;top:98px;right:0;z-index:100;}
#fade{display:none;background:#000;position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;opacity:.80;z-index:9999}
.popup_block{display:none;width:1000px !important;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:99999}
img.btn_close{position:absolute;right:10px;top:10px;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade{position:absolute;}
*html .popup_block{position: absolute;}

/* top버튼 */
.btn_top{display:none;position:fixed;right:20px;bottom:15px;background:#fff;border-radius:3px;padding:4px 15px}
.btn_top *{color:#e61874 !important}
.btn_top strong{display:none}

/* copyright */
.copyright{background:#a8a8a8;color:#fff;text-align:center;letter-spacing:1.5px;padding:5px 0;font-weight:300;}

/* responsive web design area */
@media screen and (max-width:1300px) {
#wrap{width:1300px;height:800px;font-size:14px;}
}

