@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body { height: 100%; }

/* LAYOUT */
#wrap { min-width: 1340px; height: 100%; }
#header { min-width: 1340px; }
#container { overflow: hidden; min-width: 1340px; height: 820px; background: url(/www/images/main/main_bg.jpg) no-repeat center top; }
#footer { overflow: hidden; position: relative; min-width: 1200px; background-color: #0f0f0f; }


/* CONTAINER */
#container > h1 { position: relative; width: 1200px; height: 129px; margin: 0 auto; line-height: 0; }
#container > h1 .lnb { position: absolute; right: 6px; top:55px; }
#container > h1 .lnb ul { margin: 0; padding: 0; }
#container > h1 .lnb li { list-style: none; float: left; margin-left: 20px; height: 20px; }
#container > h1 .lnb li.icon01 { background: url(/www/images/main/lnb_icon01.png) no-repeat left top; }
#container > h1 .lnb li.icon02 { background: url(/www/images/main/lnb_icon02.png) no-repeat left top; }
#container > h1 .lnb a,
#container > h1 .lnb a:hover { display: block; padding-left: 22px; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 14px; line-height: 20px; letter-spacing: -1px; color: #ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container > h1 .lnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .slide { position: relative; width: 1230px; height: 470px; margin: 0 auto; }
#container > .slide .shadow01 { position: absolute; width: 1230px; height: 470px; left: -20px; top: -20px; background-color: rgba(0,0,0,0.2); }
#container > .slide .shadow02 { position: absolute; width: 1230px; height: 470px; right: -20px; bottom: -20px; background-color: rgba(0,0,0,0.2); }
#container > .slide .inner { position: relative; width: 1230px; height: 470px; background-color: #fff; }
#container > .slide .inner ul { margin: 0; padding: 0; }
#container > .slide .inner li { position: relative; list-style: none; line-height: 0; }
#container > .slide .inner .slogan01 { position: absolute; padding: 0 30px; right: 60px; top: 231px; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 35px; line-height: 69px; letter-spacing: -1px; color: #ffffff; background-color: #514369; -webkit-box-show:10px 10px 10px #000; -moz-box-shadow:10px 10px 10px #000; box-shadow:4px 5px 0 rgba(0,0,0,0.23); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container > .slide .inner .slogan01 strong { font-family: 'notokr-medium'; font-weight: normal; }
#container > .slide .inner .slogan02 { position: absolute; padding: 0 30px; right: 60px; top: 313px; font-family: 'Noto Sans KR', sans-serif;  font-weight: 500; font-size: 15px; line-height: 38px; letter-spacing: -1px; color: #241b33; background-color: #bc9fca; -webkit-box-show:10px 10px 10px #000; -moz-box-shadow:10px 10px 10px #000; box-shadow:4px 5px 0 rgba(0,0,0,0.23); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#container > .slide .inner:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#container > .gnb { width: 1200px; margin: 40px auto 0; }
#container > .gnb ul { margin: 0; padding: 0; text-align: center; font-size: 0; }
#container > .gnb li { position: relative; display: inline-block; vertical-align: top; list-style: none; width: 160px; height: 98px; background: url(/www/images/main/gnb_line.png) no-repeat right top; }
#container > .gnb li:first-child:after { content: ""; position: absolute; width: 1px; height: 98px; left: 0; top: 0; background: url(/www/images/main/gnb_line.png) no-repeat left top; }
#container > .gnb .thum { display: block; text-align: center; line-height: 0; }
#container > .gnb .thum_info { font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 15px; line-height: 18px; letter-spacing: -1px; color: #c1b9c6; text-align: center; }
#container > .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 로그인 */
#popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; display:none; }
#popup { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#popup .outer { display:table-cell; vertical-align:middle; }
#popup .outer .inner { position:relative; width:372px; height:310px; margin:0 auto; background-color:#e5e5e5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#popup .outer .inner .inner_box { position:relative; height:310px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 20px #333; -webkit-box-show:0 0 20px #333; box-shadow:0 0 20px #333; }
#popup .outer .inner .inner_box .logo { border-top-left-radius:4px; border-top-right-radius:4px; background-color: #fff; text-align: center; line-height: 0; }
#popup .outer .inner .inner_box .login_area { width: 292px; margin: 30px auto 0; }

#popup .outer .inner .inner_box .login_area .input_list { }
#popup .outer .inner .inner_box .login_area .input_list ul { margin: 0; padding: 0; }
#popup .outer .inner .inner_box .login_area .input_list li { position: relative; list-style: none; height: 40px; margin: 5px 0 0; border: 1px solid #d6d6d6; background-color: #fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#popup .outer .inner .inner_box .login_area .input_list li:first-child { margin: 0; }
#popup .outer .inner .inner_box .login_area .input_list .title { position: absolute; left: 0; top: 0; line-height: 0; border-right: 1px solid #d6d6d6; }
#popup .outer .inner .inner_box .login_area .input_list .info { margin: 0 10px 0 55px; }
#popup .outer .inner .inner_box .login_area .input_list .info .input { width: 100%; height: 38px; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 13px; line-height: 36px; letter-spacing: 0; color: #333333; border: none; outline: none; background-color: transparent; }
#popup .outer .inner .inner_box .login_area .input_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#popup .outer .inner .inner_box .login_area .option { position: relative; margin: 10px 0 0; font-size: 0; }
#popup .outer .inner .inner_box .login_area .option span { display: inline-block; vertical-align: middle; cursor: pointer; }
#popup .outer .inner .inner_box .login_area .option span.v1 { font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 12px; line-height: 20px; letter-spacing: -0.5px; color: #333333; }

#popup .outer .inner .inner_box .login_area .option .option_sub { position: absolute; right: 0; top: 2px; }
#popup .outer .inner .inner_box .login_area .option .option_sub ul { margin: 0; padding: 0; }
#popup .outer .inner .inner_box .login_area .option .option_sub li { position: relative; list-style: none; float: left; padding-left: 10px; margin-left: 9px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#popup .outer .inner .inner_box .login_area .option .option_sub li:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 11px; background-color: #999999; }
#popup .outer .inner .inner_box .login_area .option .option_sub li.v1:after { display: none; }
#popup .outer .inner .inner_box .login_area .option .option_sub a,
#popup .outer .inner .inner_box .login_area .option .option_sub a:hover { font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 12px; line-height: 13px; letter-spacing: -0.5px; color: #333333; }
#popup .outer .inner .inner_box .login_area .option .option_sub:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#popup .outer .inner .inner_box .login_area .btn_insert { height: 40px; margin: 17px auto 0; background-color: #514369; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#popup .outer .inner .inner_box .login_area .btn_insert a,
#popup .outer .inner .inner_box .login_area .btn_insert a:hover{ display: block; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; font-size: 15px; line-height: 40px; letter-spacing: 0; color: #ffffff; text-align: center; }

#popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }




/* 서브 */
#sub_container { overflow: hidden; display: table; position: relative; width: 100%; height: 100%; background-color: #f6f7fb; }
#side { display: table-cell; vertical-align: top; width: 200px; height: 100%; background-color: #514369; }

#side .side_logo { line-height: 0; text-align: center; }

#side .side_gnb { }
#side .side_gnb ul { margin: 0; padding: 0; }
#side .side_gnb li { list-style: none; }
#side .side_gnb li.v1 { background-color: #7c6890; }
#side .side_gnb .title { cursor: pointer; padding: 20px 30px; font-family: 'notokr-regular'; font-weight: normal; font-size: 15px; line-height: 15px; letter-spacing: 0; color: #e6e1ec; border-top: 1px solid #715f86; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#side .side_gnb .title a,
#side .side_gnb .title a:hover { display: block; font-family: 'notokr-regular'; font-weight: normal; font-size: 15px; line-height: 15px; letter-spacing: 0; color: #e6e1ec; }
#side .side_gnb .title01 { cursor: pointer; padding: 20px 30px; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; line-height: 15px; letter-spacing: 0; color: #f1c809; border-top: 1px solid #715f86; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#side .side_gnb .title01 a,
#side .side_gnb .title01 a:hover { display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; line-height: 15px; letter-spacing: 0; color: #f1c809; }
#side .side_gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#side .side_sub { display: none; margin: 0; padding: 20px 20px; background-color: #f6f7fb; }
#side .side_sub ul { margin: 0; padding: 0; }
#side .side_sub li { position: relative; list-style: none; padding: 0 20px; border: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#side .side_sub li:after { content: ""; position: absolute; width: 3px; height: 5px; left: 12px; top: 10px; background: url(/www/images/inc/side_dot.png) repeat left top; }
#side .side_sub li a,
#side .side_sub li a:hover { display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 13px; line-height: 24px; letter-spacing: -1px; color: #514369;}
#side .side_sub li a:hover { display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 13px; line-height: 24px; letter-spacing: -1px; color: #BC9FCA;}
#side .side_sub:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#side_content { display: table-cell; vertical-align: top; height: 100%; }

#sub_head { overflow: hidden; position: relative; height: 80px; margin: 0 40px 0; background-color: #fff; -webkit-box-show:0 1px 8px rgba(4,0,0,0.10); -moz-box-shadow:0 1px 8px rgba(4,0,0,0.10); box-shadow:0 1px 8px rgba(4,0,0,0.10); }
#sub_head .head_title { height: 22px; margin: 28px 0 0 30px; padding-left: 31px; font-family: 'notokr-medium'; font-weight: normal; font-size: 20px; line-height: 22px; letter-spacing: -1px; color: #514369; background: url(/www/images/inc/title_bg.png) no-repeat left 2px; }

#sub_head .logout { position: absolute; width: 85px; height: 28px; right: 30px; top: 26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
background: #929292; /* Old browsers */
background: -moz-linear-gradient(top,  #929292 0%, #878787 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#878787)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #929292 0%,#878787 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #929292 0%,#878787 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #929292 0%,#878787 100%); /* IE10+ */
background: linear-gradient(to bottom,  #929292 0%,#878787 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#878787',GradientType=0 ); /* IE6-9 */ 
}

#sub_head .logout a,
#sub_head .logout a:hover { display: block; font-family: dotum; font-size: 12px; line-height: 28px; color: #ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align: center; }

#sub_head .modify { position: absolute; width: 85px; height: 28px; right: 120px; top: 26px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
background: #929292; /* Old browsers */
background: -moz-linear-gradient(top,  #929292 0%, #878787 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#878787)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #929292 0%,#878787 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #929292 0%,#878787 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #929292 0%,#878787 100%); /* IE10+ */
background: linear-gradient(to bottom,  #929292 0%,#878787 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#878787',GradientType=0 ); /* IE6-9 */ 
}

#sub_head .modify a,
#sub_head .modify a:hover { display: block; font-family: dotum; font-size: 12px; line-height: 28px; color: #ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align: center; }

#sub_head .msg { position: absolute; right: 140px; top: 34px; font-family: dotum; font-size: 12px; line-height: 16px; color: #414141; text-align: right; }
#sub_head .msg strong { color: #112256; }

#content { min-height: 650px; position: relative; margin: 30px 40px; padding: 20px; background-color: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-show:0 0 12px rgba(4,0,0,0.08); -moz-box-shadow:0 0 12px rgba(4,0,0,0.08); box-shadow:0 0 12px rgba(4,0,0,0.08); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#sub_container .select03 { vertical-align: middle; width: 106px; height: 28px; border: 1px solid #c6c6c6;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; }
#sub_container .input03 { vertical-align: middle; width: 166px; height: 28px; border: 1px solid #c6c6c6;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 26px; font-weight: normal; letter-spacing: 0; }

#sub_container .list {}
#sub_container .list th { padding: 15px 0; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #514369; font-family: 'gulim', 굴림; color: white; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0; text-align: center; }
#sub_container .list td { padding: 7px 0; border: 1px solid #dddddd; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 18px; font-weight: normal; letter-spacing: 0; text-align: center; }
#sub_container .list td.left { text-align: left;padding-left:7px; }
#sub_container .list td.right { text-align: right;padding-right:7px; }
#sub_container .list tr.q { background-color: #ecf5f5; }
#sub_container .list .btn_confirm { width: 52px; height: 30px; margin: 0 auto; border: 1px solid #dcdcdc; background-color: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow:0 2px 0 #e5e5e5; -webkit-box-show:0 2px 0 #e5e5e5; box-shadow:0 2px 0 #e5e5e5; text-align: center; }
#sub_container .list .btn_confirm a,
#sub_container .list .btn_confirm a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 28px; font-weight: normal; letter-spacing: 0; }
#sub_container .list .btn_option { display: inline-block; width: 40px; height: 22px; margin: 0 0 0 4px; border: 1px solid #a0a0a0; background-color: #e3e3e3;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#sub_container .list .btn_option a,
#sub_container .list .btn_option a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; }

#sub_container .list3 {}
#sub_container .list3 th { padding: 9px 0; background-color: #514369; font-family: 'gulim', 굴림; color: white; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0; text-align: center; }
#sub_container .list3 td { padding: 6px 0; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 18px; font-weight: normal; letter-spacing: 0; text-align: center; }
#sub_container .list3 td.left { text-align: left;padding-left:7px; }
#sub_container .list3 td.right { text-align: right;padding-right:7px; }
#sub_container .list3 tr.q { background-color: #ecf5f5; }
#sub_container .list3 .btn_confirm { width: 52px; height: 30px; margin: 0 auto; border: 1px solid #dcdcdc; background-color: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow:0 2px 0 #e5e5e5; -webkit-box-show:0 2px 0 #e5e5e5; box-shadow:0 2px 0 #e5e5e5; text-align: center; }
#sub_container .list3 .btn_confirm a,
#sub_container .list3 .btn_confirm a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 28px; font-weight: normal; letter-spacing: 0; }
#sub_container .list3 .btn_option { display: inline-block; width: 40px; height: 22px; margin: 0 0 0 4px; border: 1px solid #a0a0a0; background-color: #e3e3e3;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#sub_container .list3 .btn_option a,
#sub_container .list3 .btn_option a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; }

#sub_container .list2 { width:100%; }
#sub_container .list2 th { padding: 9px 0; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #514369; font-family: 'gulim', 굴림; color: white; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0; text-align: center; }
#sub_container .list2 td { padding: 6px 0; border: 1px solid #dddddd; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 18px; font-weight: normal; letter-spacing: 0; text-align: center; }
#sub_container .list2 td.left { text-align: left;padding-left:7px; }
#sub_container .list2 td.right { text-align: right;padding-right:7px; }
#sub_container .list2 tr.q { background-color: #ecf5f5; }
#sub_container .list2 .btn_confirm { width: 52px; height: 30px; margin: 0 auto; border: 1px solid #dcdcdc; background-color: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow:0 2px 0 #e5e5e5; -webkit-box-show:0 2px 0 #e5e5e5; box-shadow:0 2px 0 #e5e5e5; text-align: center; }
#sub_container .list2 .btn_confirm a,
#sub_container .list2 .btn_confirm a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 28px; font-weight: normal; letter-spacing: 0; }
#sub_container .list2 .btn_option { display: inline-block; width: 40px; height: 22px; margin: 0 0 0 4px; border: 1px solid #a0a0a0; background-color: #e3e3e3;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#sub_container .list2 .btn_option a,
#sub_container .list2 .btn_option a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; }

#sub_container .list4 {}
#sub_container .list4 th { padding: 9px 0; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #514369; font-family: 'gulim', 굴림; color: white; font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0; }
#sub_container .list4 td { padding: 6px 0; border: 1px solid #dddddd; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 18px; font-weight: normal; letter-spacing: 0; }
#sub_container .list4 td.left { text-align: left;padding-left:7px; }
#sub_container .list4 td.right { text-align: right;padding-right:7px; }
#sub_container .list4 tr.q { background-color: #ecf5f5; }
#sub_container .list4 .btn_confirm { width: 52px; height: 30px; margin: 0 auto; border: 1px solid #dcdcdc; background-color: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow:0 2px 0 #e5e5e5; -webkit-box-show:0 2px 0 #e5e5e5; box-shadow:0 2px 0 #e5e5e5; text-align: center; }
#sub_container .list4 .btn_confirm a,
#sub_container .list4 .btn_confirm a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 28px; font-weight: normal; letter-spacing: 0; }
#sub_container .list4 .btn_option { display: inline-block; width: 40px; height: 22px; margin: 0 0 0 4px; border: 1px solid #a0a0a0; background-color: #e3e3e3;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#sub_container .list4 .btn_option a,
#sub_container .list4 .btn_option a:hover { display: block; font-family: 'gulim', 굴림; color: #444444; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; }

.center { text-align: center; }

/* FOOT */
#footer > .area { position: relative; width: 1200px; margin: 44px auto 0; }

#footer > .area .logo { position: absolute; left: 0; top: 0; line-height: 0; }

#footer > .area .foot_menu { margin-left: 97px; }
#footer > .area .foot_menu ul { margin: 0; padding: 0; }
#footer > .area .foot_menu li { position: relative; list-style: none; float: left; padding-left: 11px; margin-right: 10px; }
#footer > .area .foot_menu li:first-child { padding-left: 0; }
#footer > .area .foot_menu li:first-child:after { display: none; }
#footer > .area .foot_menu li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 2px; background-color: #616161; }
#footer > .area .foot_menu a,
#footer > .area .foot_menu a:hover { font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; font-weight: 800; color: #838383; }
#footer > .area .foot_menu:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area .copyright { margin: 10px 0 40px 97px; }
#footer > .area .copyright ul { margin: 0; padding: 0; }
#footer > .area .copyright li { position: relative; list-style: none; float: left; padding-left: 11px; margin-right: 10px; margin-bottom: 5px; font-family: 'Nanum Gothic'; font-size: 12px; line-height: 14px; color: #727272; }
#footer > .area .copyright li:first-child { padding-left: 0; background: none; }
#footer > .area .copyright li.v1 { clear: both; padding-left: 0; }
#footer > .area .copyright li.v1:after { display: none; }
#footer > .area .copyright li:after { content: ""; position: absolute; width: 1px; height: 11px; left: 0; top: 2px; background-color: #4b4b4b; }
#footer > .area .copyright:after{ content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#footer > .area .family { position: absolute; width: 158px; right: 0; top: 1px; }
#footer > .area .family ul { margin: 0; padding: 0; }
#footer > .area .family li { list-style: none; margin: 3px 0;}
#footer > .area .family select { width: 100%; height: 25px; border: 1px solid #b4b6bb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: gulim; font-size: 12px; color: #636363; line-height: 25px; outline: none; }