@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; font-family:'³ª´®°íµñ', 'NanumGothic', 'Nanum Gothic', sans-serif !important; box-sizing:border-box;}
a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
img{vertical-align:top;}
body{max-width:800px; margin:0 auto !important; min-width:300px;}

/* top */
.top{position:fixed; top:0; left:0; z-index:9998; width:100%; height:60px; transition:all 0.5s;}
.top.on{background:#fff;}
.top .menubtn{position:relative; float:right; width:63px; margin-top:5px;}
.top .menubtn ul{position:absolute; top:0; left:0; width:63px; height:50px; padding:4px 16px;}
.top .menubtn ul li{height:1px; margin:10px 0; background:#fff; transition:all 0.5s; transform-origin: left center;}
.top .menubtn ul li:nth-child(2){width:50%;}
.top .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top .menubtn.on ul .bar_m{width:0;}
.top .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top .logo{padding:10px 0 0 10px;}
.top .logo img{width:250px;}
.top .logo2{display:none;}
.top.on .logo1{display:none;}
.top.on .logo2{display:block;}
.top.on .menubtn ul li{background:#274e77;}

/* sidemenu */
.menubox{position:fixed; top:0; left:-100%; z-index:9999; width:100%; height:100%; transition:all 0.3s; background:#fff; overflow:auto;}
.menubox.on{left:0;}
.sidemenu_head{position:relative; padding:50px 16px 40px;}
.sidemenu_head ul{position:absolute; top:5px; right:0; width:63px; height:50px; padding:4px 16px;}
.sidemenu_head ul li{height:1px; margin:10px 0; background:#000; transition:all 0.5s; transform-origin: left center;}
.sidemenu_head ul .bar_t{transform:rotate(45deg);}
.sidemenu_head ul .bar_m{width:0;}
.sidemenu_head ul .bar_b{transform:rotate(-45deg);}
.sidemenu_head p:nth-of-type(1){font-size:30px; color:#000;}
.sidemenu_head p:nth-of-type(2){margin-top:10px; font-size:16px; color:#000;}
.sidemenu_body{padding:0 10px;}
.sidemenu_body .sidemenu{margin-bottom:5px;}
.sidemenu_body .sidemenu p{position:relative; padding:20px; font-size:16px; font-weight:700; color:#fff; background:#274e77; transition:all 0.5s; opacity:0.9;}
.sidemenu_body .sidemenu p img{position:absolute; top:50%; left:20px; transform:translateY(-50%); width:30px;}
.sidemenu_body .sidemenu p:hover{opacity:1;}
.sidemenu_body .sidemenu p .arrow{position:absolute; top:19px; right:15px; width:15px; height:15px; background:url('../img/plus.png') no-repeat center; transition:all 0.3s;}
.sidemenu_body .sidemenu p.open .arrow{transform:rotate(135deg);}
.sidemenu_body .sidemenu ul{display:none; padding:5px 0 20px; background:#fff;}
.sidemenu_body .sidemenu ul li{margin-bottom:5px;}
.sidemenu_body .sidemenu ul li a{display:block; padding:15px 35px; font-size:14px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
.sidemenu_foot{padding:30px 0; text-align:center;}
.sidemenu_foot p:nth-of-type(1) a{font-size:20px; font-weight:700; color:#000;}
.sidemenu_foot p:nth-of-type(2){margin:20px 0;}
.sidemenu_foot p:nth-of-type(2) a{display:block; font-size:20px; font-weight:700; color:#274e77; line-height:16px; letter-spacing:-1px;}
.sidemenu_foot p:nth-of-type(2) img{height:16px; vertical-align:top;}
.sidemenu_foot p:nth-of-type(3) span{font-size:14px; color:#000;}

/* main */
.main{height:500px; background:url('../img/slide03.jpg') no-repeat center;}

/* section all */
.section{position:relative; padding:30px 10px;}
.section .title{text-align:center;}
.section .title p span{padding-bottom:2px; font-size:20px; font-weight:700; color:#000; border-bottom:1px solid #000;}
.section .title p:nth-of-type(2){margin:20px 0 10px; font-size:20px; font-weight:700; color:#000;}
.section .title p:nth-of-type(3){font-size:14px; color:#000; line-height:20px;}
.section .sbox{margin-top:20px;}

/* section style */
.section1{background:url('../../img/section1_bg.png') repeat center / auto 100%;}
.section1 .sbox .ssbox{float:left; width:49%; margin-bottom:10px;}
.section1 .sbox .ssbox:nth-child(odd){margin-right:2%;}
.section1 .sbox .ssbox .imgbox img{width:100%;}
.section1 .sbox .ssbox .box{padding:10px 5px; background:#fff;}
.section1 .sbox .ssbox .box p:nth-of-type(1){font-size:16px; font-weight:700; color:#5a5a5a;}
.section1 .sbox .ssbox .box p:nth-of-type(2){margin:10px 0; font-size:14px; color:#6f6f6f; line-height:20px;}
.section1 .sbox .ssbox .box div a{font-size:12px; color:#0e0e0e;}

.section2{padding:0 10px; background:url('../../img/section2_bg.jpg') no-repeat center;}
.section2 .title{position:absolute; top:30px; left:0; z-index:1; width:100%; padding:0 20px;}
.section2 .title p span{color:#fff; border-color:#fff;}
.section2 .title p:nth-of-type(2),
.section2 .title p:nth-of-type(3){color:#fff;}
.section2 .sbox{margin-top:0;}
.section2 .sbox .ssbox{float:left; width:50%; height:600px; padding-top:200px; text-align:center; border-left:1px solid rgba(255,255,255, 0.2);}
.section2 .sbox .ssbox2{border-right:1px solid rgba(255,255,255, 0.2);}
.section2 .sbox .ssbox .box{padding:0 10px;}
.section2 .sbox .ssbox .box:last-child{margin-top:50px;}
.section2 .sbox .ssbox .box div img{width:60px;}
.section2 .sbox .ssbox .box p{color:#fff;}
.section2 .sbox .ssbox .box p:nth-of-type(1){margin:10px 0 20px; font-size:16px; font-weight:700;}
.section2 .sbox .ssbox .box p:nth-of-type(2){font-size:12px; line-height:18px;}

/* footer */
.footer{background:#333;}
.footer .fbox{text-align:center;}
.footer .fbox ul{border-bottom:1px solid #666;}
.footer .fbox ul li{float:left; width:33.3%;}
.footer .fbox ul li a{display:block; padding:20px 0; font-size:14px; color:#aaa;}
.footer .fbox .textbox{padding:20px 10px 30px;}
.footer .fbox .textbox p{margin-bottom:20px; line-height:20px;}
.footer .fbox .textbox p:last-child{margin-bottom:0;}
.footer .fbox .textbox p span{margin-right:10px; font-size:14px; color:#aaa;}

.topbutton{position:fixed; bottom:30px; right:30px; z-index:9998; width:50px; height:50px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:50px; background:#000; border-radius:50%; transition:all 0.7s; opacity:0.7; cursor:pointer;}
.topbutton:hover{opacity:1;}

/* subtop */
.subtop{height:200px; padding-top:80px;}
.subtop p{color:#fff; text-align:center;}
.subtop p:nth-of-type(1){position:relative; padding-top:10px; font-size:30px; font-weight:700;}
.subtop p:nth-of-type(1)::before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:30px; border-bottom:1px solid #fff;}
.subtop p:nth-of-type(2){margin-top:10px; font-size:14px; line-height:20px;}
.subtop01{background:url('../../img/subtop01.jpg') no-repeat center / auto 100%;}
.subtop02{background:url('../../img/subtop02.jpg') no-repeat center / auto 100%;}
.subtop03{background:url('../../img/subtop03.jpg') no-repeat center / auto 100%;}
.subtop04{background:url('../../img/subtop04.jpg') no-repeat center / auto 100%;}
.subtop05{background:url('../../img/subtop05.jpg') no-repeat center / auto 100%;}
.subtop06{background:url('../../img/subtop06.jpg') no-repeat center / auto 100%;}

/* smenu */
.smenu{margin-top:20px; padding:0 10px;}
.smenu ul{padding:5px 25px; border:1px solid #888; border-radius:30px;}
.smenu ul li{float:left; width:33.3%;}
.smenu ul li a{display:block; position:relative; height:40px; font-size:14px; color:#888; text-align:center; line-height:40px; transform:translateZ(0);}
.smenu ul li a:before{display:none; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; width:110%; height:100%; border-radius:30px; background:#274e77;}

/* smenu active */
.sub01 .smenu ul li:nth-child(1) a,
.sub02 .smenu ul li:nth-child(2) a,
.sub03 .smenu ul li:nth-child(3) a,
.sub04 .smenu ul li:nth-child(4) a,
.sub05 .smenu ul li:nth-child(5) a,
.sub06 .smenu ul li:nth-child(6) a{color:#fff;}

.sub01 .smenu ul li:nth-child(1) a:before,
.sub02 .smenu ul li:nth-child(2) a:before,
.sub03 .smenu ul li:nth-child(3) a:before,
.sub04 .smenu ul li:nth-child(4) a:before,
.sub05 .smenu ul li:nth-child(5) a:before,
.sub06 .smenu ul li:nth-child(6) a:before{display:block;}

/* sub all */
.sub .contents{padding:50px 0;}
.sub .contents .title{padding:0 10px; text-align:center;}
.sub .contents .title p:nth-of-type(1){font-size:30px; font-weight:700; color:#000;}
.sub .contents .title p:nth-of-type(2){margin-top:20px; font-size:16px; color:#333;}
.sub .contents .title p:nth-of-type(2) strong{color:#274e77;}
.sub .contents .title p:nth-of-type(3){margin-top:20px; font-size:14px; color:#264494;}
.sub .contents .title div{margin-top:10px; }
.sub .contents .title div a{font-size:16px; font-weight:700; color:#274e77;}
.sub .contents .sbox{margin-top:30px;}
.sub_board .contents .sbox{padding:0 10px;}

/* sub style */
.sub01_01 .contents .sbox{padding:0 10px;}
.sub01_01 .contents .sbox .ssbox1 .box p{font-size:14px; color:#888; line-height:20px;}
.sub01_01 .contents .sbox .ssbox1 .box .basic{margin-top:20px;}
.sub01_01 .contents .sbox .ssbox1 .box .basic th,
.sub01_01 .contents .sbox .ssbox1 .box .basic td{padding-bottom:10px; font-size:14px; color:#333; text-align:left;}
.sub01_01 .contents .sbox .ssbox1 .box .basic th{width:100px;}
.sub01_01 .contents .sbox .ssbox2{margin-top:20px;}
.sub01_01 .contents .sbox .ssbox2 img{width:100%;}

.sub01_02 .contents .sbox{height:180px; padding-top:30px; text-align:center; background:url('../../img/sub01_02.jpg') no-repeat center / auto 100%;}
.sub01_02 .contents .sbox .ssbox{display:inline-block; vertical-align:top; width:110px; height:110px; padding:10px 5px; border:5px solid #274e77; border-radius:50%; background:#fff;}
.sub01_02 .contents .sbox .ssbox:nth-child(2){margin:0 5px;}
.sub01_02 .contents .sbox .ssbox p:nth-of-type(1){font-size:14px; font-weight:700; color:#333;}
.sub01_02 .contents .sbox .ssbox p:nth-of-type(2){margin-top:10px; font-size:10px; color:#888; line-height:14px;}
.sub01_02 .contents .sbox .ssbox p:nth-of-type(2) strong{font-weight:400; color:#333;}

.sub01_03 .contents{overflow:hidden;}
.sub01_03 .contents .sbox{position:relative; padding:20px 10px 0;}
.sub01_03 .contents .sbox:before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:50px; border-top:2px solid #274e77;}
.sub01_03 .contents .sbox:after{content:""; position:absolute; top:140px; left:50%; width:1px; height:100%; border-right:1px dotted #630;}
.sub01_03 .contents .sbox>p{text-align:center;}
.sub01_03 .contents .sbox>p:nth-of-type(1){font-size:20px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox>p:nth-of-type(2){margin-top:20px; font-size:14px; color:#333;}
.sub01_03 .contents .sbox .ssbox{margin-top:44px;}
.sub01_03 .contents .sbox .ssbox1 .rbox{position:relative; float:right; width:50%;}
.sub01_03 .contents .sbox .ssbox1 .rbox:before{content:""; position:absolute; top:0; left:-10px; z-index:2; width:21px; height:21px; border:3px solid #274e77; border-radius:50%; background:#fff; box-sizing:border-box;}
.sub01_03 .contents .sbox .ssbox1 .rbox p{padding-left:15px; font-size:20px; color:#274e77; line-height:20px;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul{padding-top:10px;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul li{position:relative; margin-top:10px; padding-left:20px; font-size:12px; color:#666; line-height:18px;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul li span{font-size:12px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox .ssbox1 .rbox ul li:before{content:""; position:absolute; top:7px; left:-1px; z-index:1; width:5px; height:5px; background:#bf9f7e;}
.sub01_03 .contents .sbox .ssbox2 .lbox{position:relative; float:left; width:50%; text-align:right;}
.sub01_03 .contents .sbox .ssbox2 .lbox:before{content:""; position:absolute; top:0; right:-12px; z-index:2; width:21px; height:21px; border:3px solid #274e77; border-radius:50%; background:#fff; box-sizing:border-box;}
.sub01_03 .contents .sbox .ssbox2 .lbox p{padding-right:15px; font-size:20px; color:#274e77; line-height:20px;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul{padding-top:10px;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul li{position:relative; margin-top:10px; padding-right:20px; font-size:12px; color:#666; line-height:18px;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul li span{font-size:12px; font-weight:700; color:#333;}
.sub01_03 .contents .sbox .ssbox2 .lbox ul li:before{content:""; position:absolute; top:7px; right:-4px; z-index:1; width:5px; height:5px; background:#bf9f7e;}

.sub01_04 .contents .sbox{padding:0 10px;}

.sub01_05 .contents .sbox{padding:0 10px;}
.sub01_05 .contents .sbox .ssbox{margin-bottom:20px; padding:20px 10px; background:#274e77;}
.sub01_05 .contents .sbox .ssbox p{font-size:20px; font-weight:700; color:#fff;}
.sub01_05 .contents .sbox .ssbox .basic{margin-top:10px;}
.sub01_05 .contents .sbox .ssbox .basic th,
.sub01_05 .contents .sbox .ssbox .basic td{padding:10px 0; font-size:14px; font-weight:700; color:rgba(255,255,255, 0.7); text-align:left;}
.sub01_05 .contents .sbox .ssbox .basic th{width:80px; font-size:16px; color:#fff;}

.sub01_06 .contents .sbox{padding:0 10px;}

.sub02_01 .contents .sbox{padding:0 10px;}
.sub02_01 .contents .sbox .ssbox:first-child{margin-bottom:10px;}
.sub02_01 .contents .sbox .ssbox .box{float:left; width:49%; height:575px; padding:10px; border:1px solid #333;}
.sub02_01 .contents .sbox .ssbox .box:first-child{margin-right:2%;}
.sub02_01 .contents .sbox .ssbox .box>p{font-size:16px; font-weight:700; color:#333;}
.sub02_01 .contents .sbox .ssbox .box .list{margin-top:20px;}
.sub02_01 .contents .sbox .ssbox .box .list div{margin-bottom:20px;}
.sub02_01 .contents .sbox .ssbox .box .list div:last-child{margin-bottom:0;}
.sub02_01 .contents .sbox .ssbox .box .list div p:nth-of-type(1){font-size:14px; font-weight:700; color:#333;}
.sub02_01 .contents .sbox .ssbox .box .list div p:nth-of-type(2){margin-top:10px; font-size:14px; color:#666; line-height:20px;}

.prdlist .contents .sbox{padding:0 10px;}
.prdlist .contents .sbox .ssbox{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.prdlist .contents .sbox .ssbox:last-child{margin-botom:0;}
.prdlist .contents .sbox .ssbox .box{float:left;}
.prdlist .contents .sbox .ssbox .box1{width:160px; height:210px; overflow:hidden;}
.prdlist .contents .sbox .ssbox .box1 div{display:none; position:fixed; top:100px; left:0; z-index:1; width:100%; padding:0 10px;}
.prdlist .contents .sbox .ssbox .box1 div img{width:100%;}
.prdlist .contents .sbox .ssbox .box2{width:calc(100% - 160px); padding-left:10px;}
.prdlist .contents .sbox .ssbox .box2 p:nth-of-type(1){padding-bottom:10px; font-size:16px; font-weight:700; color:#333; border-bottom:1px solid #333;}
.prdlist .contents .sbox .ssbox .box2 p:nth-of-type(2){margin-top:10px; font-size:14px; color:#666; line-height:24px;}
.prdlist .contents .sbox .ssbox1 .box1{background:url('../../img/sub02_hwangwan01.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox2 .box1{background:url('../../img/sub02_hwangwan02.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox3 .box1{background:url('../../img/sub02_hwangwan03.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox4 .box1{background:url('../../img/sub02_hwangwan04.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox5 .box1{background:url('../../img/sub02_hwangwan05.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox6 .box1{background:url('../../img/sub02_hwangwan06.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox7 .box1{background:url('../../img/sub02_hwangwan07.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox8 .box1{background:url('../../img/sub02_hwangwan08.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox9 .box1{background:url('../../img/sub02_hwangwan09.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox10 .box1{background:url('../../img/sub02_hwangwan10.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox11 .box1{background:url('../../img/sub02_hwangwan11.jpg') no-repeat center / 100% auto;}
.prdlist .contents .sbox .ssbox12 .box1{background:url('../../img/sub02_hwangwan12.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox1 .box1{background:url('../../img/sub02_gaggwan01.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox2 .box1{background:url('../../img/sub02_gaggwan02.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox3 .box1{background:url('../../img/sub02_gaggwan03.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox4 .box1{background:url('../../img/sub02_gaggwan04.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox5 .box1{background:url('../../img/sub02_gaggwan05.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox6 .box1{background:url('../../img/sub02_gaggwan06.jpg') no-repeat center / 100% auto;}
.prdlist2 .contents .sbox .ssbox7 .box1{background:url('../../img/sub02_gaggwan07.jpg') no-repeat center / 100% auto;}