@charset "UTF-8";
@import url(font.css);

/* reset */
*{margin: 0; padding: 0;}
*, *::before, *::after {box-sizing: inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,a,p,button,header,footer,table,caption,thead,tr,th,tbody,td,span,legend{margin: 0; padding: 0; }
body,input,select,textarea,header,footer,button{ font-weight: 400; font-family: "NotoSansKR", "돋움", Dotum, Arial, sans-serif; color: #333; font-size: 13px;}
body{background: #fff;-wekit-text-size-adjust:none; min-width: 1160px;}
body, h1, h2, h3, h4, th, td, input, select, textarea {letter-spacing: -1px;}
img,fieldset{border:0 none;}
img,input,select,textarea{vertical-align: middle;}
select { -webkit-appearance: none; -moz-appearance: none;appearance: none; background-image: url(../img/arr_select.png); background-position: 95%; background-repeat: no-repeat;}
select::-ms-expand { display:none; }
ul,ol,li{list-style: none;}
button{background: none; border: none; box-sizing: border-box; cursor: pointer;}
h1,h2,h3,h4{font-weight: 600;}
em, address {font-style:normal}
a{color: inherit; text-decoration: none; text-overflow: ellipsis;-o-text-overflow: ellipsis; selector-dummy: expression(this.hideFocus=true);}
a:hover {text-decoration: none;}

.ptb60 {padding: 60px 0;}
.pb10 {padding-bottom: 10px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.ml10 {margin-left: 10px;}
.mr15 {margin-right: 15px;}

.f14 {font-size: 14px;}

.bold {font-weight: 600;}

.letter {letter-spacing: 0;}

.orange {color: #ff3600;}
.red {color: #ea2b2b;}
.sky {color: #3399cc;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.floatLeft {float: left;}
.floatRight {float: right;}

.overflow {overflow: hidden;}

.inner {position: relative; width: 1140px; margin: 0 auto;}

/* main */
.main {position: relative; text-align: center;}
.main .bg {position: fixed; width: 100%; height: 100%; z-index: 0; background: url(../img/bg_main.png) center repeat-x; width: 100%; height: 100%; background-position-y: top}
.main .mainContent {position: relative; z-index: 1;}
.main select, .main input[type="text"] {padding: 0 20px;}
.main img.map01 {padding-top: 20px; width: 1080px; height: 366px;}
.main img.map02 {margin: 220px 0 30px; width: 1360px; height: 250px;}
.mainSearch { position: absolute; top: 465px; overflow: hidden; left: 0; right: 0;}
.mainSearch select {width: 140px; height: 55px; line-height: 53px; border-radius: 0; border: solid 2px #45d6a9; background-color: #ffffff; padding: 0 50px 0 20px; background-image: url(../img/select_main.png); background-position: 86px center; font-size: 24px; font-weight: 500; color: #452733;}
.mainSearch .input {vertical-align: middle; box-sizing: border-box; display: inline-block; width: 500px; height: 55px; margin-left: 5px; border: solid 2px #45d6a9; background-color: #fff;}
.mainSearch .input input {border: none; float: left; width: calc(100% - 70px); height: 51px; line-height: 51px; font-size: 24px; font-weight: 500; color: #452733;}
.mainSearch input::-webkit-input-placeholder,
.mainSearch input:-ms-input-placeholder,
.mainSearch input::placeholder {color: #452733;}
.mainSearch a {display: inline-block; box-sizing: border-box; height: 30px;}
.mainSearch a i.i-mainSearch {background-image: url(../img/ico_search.png); width: 70px; height: 51px;}

/* header */
.header .top {overflow: hidden; padding: 15px 0; background: #f9f9f9; height: 62px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box;}
.header .top .search.trans {overflow: hidden; border-radius: 22px; height: 32px; text-align: center; border: 3px solid #6c727a; width: 472px; margin-left: 0; transition: all 0.5s;}
.header .top .search.trans input {display: inline-block; float: left; margin-left: 16px; border: 0; color: #8492B4; height: 100%; width: 81%; background: rgba(255, 255, 255, 0); font-size: 12px; letter-spacing: -1px;}
.header .top .search.trans input::-webkit-input-placeholder,
.header .top .search.trans input:-ms-input-placeholder,
.header .top .search.trans input::placeholder {color: #8492B4;}
.header .top .search.trans a {display: inline-block;}
.header .bottom {box-sizing: border-box;}
.header .bottom .inner {font-size: 0;}
.header .bottom .inner > div {display: inline-block; vertical-align: middle;}
.header .bottom .logo {width: 185px; height: 90px; padding-top: 2px; vertical-align: middle;}
.header .bottom .logo h1 {display: inline-block; position: relative; top: 21px;}
.header .bottom .logo h1 a {display: block;}
.header .bottom .logo h1 a img {width: 100%;}
.header .bottom .menu {width: auto; text-align: right; font-size: 0; float: right;}
.header .bottom .menu ul { font-size: 0; display: inline-block; /* margin-left: 18px; */ float: right; /* position: relative; */ vertical-align: top; /* height: 100%;*/}
.header .bottom .menu ul li { margin-left: 74px; display: inline-block; height: 90px; vertical-align: top; position: relative;}
.header .bottom .menu ul li>a:hover, .header .bottom .menu ul li.on { border-bottom: 3px solid #1b45af; color: #1b45af;}
.header .bottom .menu ul li a { font-size: 20px; letter-spacing: -1.25px; color: #1B2431; cursor: pointer; line-height: 90px; font-weight: 500; display: block; height: 90px;}

.banner {background: #000; text-align: center; height: 230px; padding: 30px 0; box-sizing: border-box;}

.subContent {position: relative; margin: 60px 0; min-height: 800px;}


/* tab */
.tab ul { width: 100%; height: 63px; border-top: 1px solid #B0C2D4; border-bottom: 1px solid #B0C2D4; box-sizing: border-box; margin-bottom: 30px; }
.tab ul:after { content: ''; display: block; clear: both; }
.tab ul li { float: left; height: 100%; margin-right: 0; }
.tab ul li.design_border_l { position: relative; }
.tab ul li.design_border_l:before { content:""; width:1px; height: 31px; position: absolute; background: #B0C2D4; top: 17px; }
.tab ul li.design_border_r { position: relative;}
.tab ul li.design_border_r:after { content:""; width:1px; height: 31px; position: absolute; background: #B0C2D4; top: 17px; right: 0; }
.tab.two ul li { width:50% !important; }
.tab.three ul li { width:33.3% !important; }
.tab.four ul li { width:25% !important; }
.tab.five ul li { width:20% !important; }
.tab.six ul li { width:16.6%; }
.tab.multy_li ul li{ width: auto !important; margin-right: 17px; }
.tab.multy_li ul li:last-child{ margin-right: 0; }
.tab ul li a { display: block; text-align: center; line-height: 63px; font-size: 18px; color: #7694B2; letter-spacing: -1.06px; }
.tab ul li a.pt { height: 41px; padding: 5px 0 0 0; line-height: 17px; }
.tab ul li.on { float: left; background: none; }
.tab ul li.on a { color: #1b45af; font-weight: 900; position: relative; }
.tab ul li.on a:before { content: ""; position: absolute; width: 100%; height: 4px; background: #1b45af; bottom: 2px; left: 0; } 

.tabBlue ul{border: 1px solid #b7c2d3; height: 50px;}
.tabBlue ul li {background-color: #fcfcfd; position: relative;}
.tabBlue ul li a {font-size: 14px; line-height: 48px; color: #666;}
.tabBlue ul li.on a {color: #1b45af; font-weight: 400;}
.tabBlue ul li.on a:before {display: none;}
.tabBlue ul li+li::before {content: '｜'; color: #e3e3e3; position: absolute; left: -9px; top: 10px; font-size: 18px;}

.tabBlack ul { width: 100%; margin-bottom: 16px; }
.tabBlack ul:after { content: ''; display: block; clear: both; }
.tabBlack ul li { float: left; height: 45px; vertical-align: top; width: 100px; border: 1px solid #232e35; border-radius: 2px; margin: 0 6px 12px;}
.tabBlack.two ul li { width: calc(50% - 12px) !important; box-sizing: border-box;}
.tabBlack.three ul li { width: calc(50% - 12px) !important; box-sizing: border-box;}
.tabBlack.four ul li { width: calc(25% - 12px) !important; box-sizing: border-box;}
.tabBlack.five ul li { width: calc(20% - 12px) !important; box-sizing: border-box;}
.tabBlack.six ul li { width: calc(16% - 4px) !important; box-sizing: border-box;}


.tabBlack.nine ul li { width: calc(11.1% - 12px) !important; box-sizing: border-box;}
.tabBlack.ten ul li { width: calc(10% - 12px) !important; box-sizing: border-box;}
.tabBlack ul li:last-child {margin-right: 0;}
.tabBlack ul.li_3 li{ width: 32.4%; margin-right:1.3%; }
.tabBlack ul.li_3 li:nth-child(even){ margin-right:1.3%; }
.tabBlack ul.li_3 li:nth-child(3n){ margin-right: 0 !important; }
.tabBlack ul.li_4 li{ width: 24%; margin-right:1.3%; }
.tabBlack ul.li_4 li:nth-child(4n){ margin-right:0; }
.tabBlack ul.li_8 li{ width: 11.4% }
.tabBlack ul.li_8 li:last-child{ margin-right:0; }
.tabBlack ul li a { display: block; text-align: center; line-height: 45px; color: #232e35; font-size: 14px; font-weight: 500; letter-spacing: -1px; position : relative;}
.tabBlack ul li a b {position:absolute; top: 2px; right : 5px; display:inline-block; padding:1px 5px; border-radius: 2px; background-color: red; color: #fff; line-height: normal; margin-right: 0; font-size: 11px;}
.tabBlack ul li.on { float: left; background-color: #232e35; }
.tabBlack ul li.on a { color: #fff; font-weight: 900; }

.tabBlack2 ul { width: 100%; margin-bottom: 16px; }
.tabBlack2 ul:after { content: ''; display: block; clear: both; }
.tabBlack2 ul li { float: left; height: 62px; vertical-align: top; width: 100px; border: 1px solid #232e35; border-radius: 2px; margin: 0 6px 12px;}
.tabBlack2.four ul li { width: calc(25% - 12px) !important; box-sizing: border-box;}
.tabBlack2 ul li a { display: block; text-align: center; line-height: 30px; color: #232e35; font-size: 15px; font-weight: 500; letter-spacing: -1px; }
.tabBlack2 ul li a p { color: #737478; font-size: 13px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tabBlack2 ul li.on { float: left; background-color: #232e35; }
.tabBlack2 ul li.on a { color: #fff; font-weight: 900; }

/* list */
.listForm {border-top: 1px solid #333; margin-top: 10px;}
.listForm .line {border-bottom: 1px solid #d7d8e2;}
.listForm .line .left {position: absolute; width: 265px; padding: 20px 10px;}
.listForm .line .right {position: relative; margin-left: 265px; border-bottom: 1px solid #eaeaea; padding: 20px 5px;}
.listForm .line .right.none {margin-left: 0; padding: 20px 20px 20px 60px;}
.listForm .line .right.none .check_radio_box input[type="checkbox"]+label:before, .listForm .line .right.none .check_radio_box input[type="radio"]+label:before {left: -40px;}
.listForm .line .right label a:hover, .blueLine:hover { color: #2856cb; border-bottom: 1px solid;}
.listForm .line .right ul, .listForm .line ol {margin-top: 10px; font-size: 0; padding-left: 25px;}
.listForm .line .right ul > li {font-size: 14px; display: inline-block; color: #666;}
.listForm .line .right ul > li + li::before {content: '｜'; color: #e3e3e3; margin: 0 15px;}
.listForm .line .right .btnForm {position: absolute; top: 28px; right: 20px;}
.listForm .line .right .btnForm button + button {margin-left: 10px;}
.listForm .line div.right:last-child {border-bottom: none;}
.listForm .line ol li {display: inline-block; font-size: 12px; color: #666;}
.listForm .line ol li+li::before {content: '>'; margin: 0 10px; color: #969696; font-family: "돋움", Dotum;}
p.result {font-size: 18px; font-weight: 500; color: #000; margin-top: 60px;}

/* 검색 */
.searchForm {background-color: #f5f7f8; padding: 30px;}
.searchForm.pNone {padding: 0;}
.searchForm.pNone .group {padding: 20px 40px;}
select, input[type="text"] {border-radius: 3px; border: solid 1px #8492b4; background-color: #ffffff; height: 35px; padding: 0 10px; box-sizing: border-box;}
.group {overflow: hidden;}
.group > * {float: left;}
.group.three>* {width: 33.33%;}
.searchForm label {display: inline-block; width: 100px; font-weight: 500;}
.searchForm label + select {width: calc(70% - 105px);}
.searchForm label + input {width: 508px;}
.searchForm .btnForm {padding: 20px 0 30px;}
.grayLineBox {border-top: 1px solid #dbdeea; border-bottom: 1px solid #dbdeea; padding: 20px 40px;}
.grayLineBox div.slider {height: 30px;}
.grayLineBox div + div {margin-top: 20px;}
.roundColor {display: inline-block; text-align: center; width: 110px; height: 30px; line-height: 30px; border-radius: 15px; color: #fff; background-color: #5f4b8d;  font-weight: 500;}
.roundColor.violet { background-color: #b568ce;}
.roundColor.yellow { background-color: #ff9900;}
.roundColor.blue { background-color: #445ca1;}

.kogl_kd { margin-top: 50px; width: 100%; border: 1px solid #B0C2D4; border-radius: 6px; font-size: 0; padding: 15px; box-sizing: border-box;} 
.kogl_kd li { display: inline-block; color: #4B596D; font-size: 14px; letter-spacing: -1px; width: auto; margin-right: 20px; vertical-align: top; }
.kogl_kd li:nth-child(1){ min-width: 150px; height: 100%; }
.kogl_kd li:nth-child(2){ margin-right:0; }
.kogl_kd li img { width: auto !important; height: 47px !important; }
.kogl_kd li a { font-weight: 900; color: #4B596D; }

.check_radio_box { display: inline-block; }
.check_radio_box input {-webkit-border-radius:0;-webkit-appearance:none;}
.check_radio_box input[type="checkbox"],
.check_radio_box input[type="radio"] { width: 0px; height: 0px; z-index: -100000; position:absolute; display: none; }
.check_radio_box input[type="checkbox"]+label { margin: 0; position: relative; }
.check_radio_box input[type="checkbox"]+label:before { content:''; display: inline-block; line-height: 21px; margin: 0; text-align: center; vertical-align: middle; background: #ffffff; height: 16px; width: 16px; border: 1px solid #1b45af; border-radius: 4px; }
.check_radio_box input[type="checkbox"]:checked+label:before { /* background: #2EA2F8; */ background: linear-gradient(0deg, #1991EB 0%, #2DA1F8 100%); background: linear-gradient(0deg, #082c88 0%, #1b45af 100%); }
.check_radio_box input[type="checkbox"]+label:after{ content:''; }
.check_radio_box input[type="checkbox"]:checked+label:after { content: ''; color: #fff; position: absolute; left: 2px; top: 3px; width: 16px; height: 16px; background: url(../img/ico_check.png) center no-repeat;} 

.check_radio_box.ver1 input[type="checkbox"]+label { font-size: 14px; letter-spacing: -0.8px; position: relative; padding-left: 25px; color: #8FB0D2; font-weight: 500; }
.check_radio_box.ver1 input[type="checkbox"]+label:before { position: absolute; left: 1px; top: 2px; }
.check_radio_box.ver1 input[type="checkbox"]:checked+label { color: #297FCA; font-weight: 500; color: #1B2431; font-weight: 500; }
.check_radio_box.ver1 input[type="radio"]+label, .check_radio_box.ver1 input[type="checkbox"]+label {color: #2E3843;}

/* 슬라이드 */
.slider .ui-widget-content { position: relative; border-radius: 3px; background-color: #bbc5d5; width: 770px; height: 6px; display: inline-block;}
.slider .ui-slider-handle { position: absolute; top: -8px; width: 22px; height: 22px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); border: solid 4px #ffffff; background-color: #2fc9cf;}

/* popup */
.popup {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.dim {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; background-color: rgba(0, 0, 0, 0.8);}
.popupForm {letter-spacing: 0; box-sizing: border-box; background-color: #fff; position: absolute; top: 380px; left: 50%; margin-left: -350px; width: 700px; z-index: 12; border-radius: 12px; box-shadow: 8.7px 5px 10px 0 rgba(0, 0, 0, 0.19);}
.popupForm .close {position: absolute; top: -40px; right: 0;}
.popupForm .top {padding: 20px 30px; border-bottom: 1px solid #ededed; position: relative;}
.popupForm .top::after {content: ''; position: absolute; left: 30px; bottom: -2px; width: 32px; height: 3px; background-color: #2c76ff;}
.popupForm .top ol, .popupForm .top ul {font-size: 0;}
.popupForm .top ol li, .popupForm .top ul li {display: inline-block; font-size: 12px; color: #666;}
.popupForm .top ol li+li::before {content: '>'; margin: 0 10px; color: #e1e2e6; font-family: "돋움", Dotum;}
.popupForm .top p {font-size: 24px; font-weight: 600; color: #000; margin: 12px 0; line-height: 1;}
.popupForm .top p em {display: inline-block; position: relative; top: -4px; border: 1px solid #c5c9d2; height: 26px; line-height: 24px; border-radius: 13px; padding: 0 15px; margin-right: 15px; font-size: 13px; color: #333;}
.popupForm .top ul li:first-child {font-weight: 600;}
.popupForm .top ul li {color: #333;}
.popupForm .top ul li+li::before {content: '/'; margin: 0 10px;}
.popupForm .top .btnForm {position: absolute; top: 35px; right: 30px;}
.popupForm .top .btnForm a + a {margin-left: 10px;}
.popupForm .bottom {padding: 20px 30px; font-size: 12px;}
.popupForm .bottom ul {width: 50%;}
.popupForm .bottom ul li + li {margin-top: 3px;}
.popupForm .bottom ul li em {display: inline-block; width: 110px; font-weight: 600;}
.popupForm .chart {border-top: 1px solid #e9e9e9; background-color: #f6f8f9; padding: 20px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.popupForm p.selectTitle { font-size: 16px; color: #1B2431; font-weight: 900; min-height: 28px; letter-spacing: -0.89px; padding: 15px 20px 0; }
.popupForm p.selectTitle i {margin-right: 5px; position: relative; top: 2px;}
.popupForm .select_box { padding: 20px; border: 1px solid #8492B4; border-radius: 6px; background-color: #FAFBFB; margin: 20px; }
.popupForm .select_box .article { display: inline-block; margin: 0 5px; vertical-align: top; width: calc(50% - 12px);}
.popupForm .select_box .article.w100p {width: calc(100% - 10px); margin-top: 15px;}
.popupForm .select_box .article.w100p .input_form .base {width: calc(100% - 130px);}
.popupForm .select_box .article .title { color: #273142; font-size: 15px; font-weight: 900; letter-spacing: -0.8px; margin-bottom: 5px; }
.popupForm .input_form .one_line .duble_input>* { width: calc(50% - 5px); display: inline-block; }
.popupForm select.kd_select + select.kd_select {margin-left: 5px;}
.popupForm .select_box .article .input_form .base:disabled { background: rgba(176, 194, 212, 0.2); }
.popupForm .select_box .article .input_form .base { width: 100%; }
.popupForm .ngc_btn { width: 126px; text-align: center; height: 36px; padding: 0; line-height: 31px; background: linear-gradient(0deg, #1991EB 0%, #2DA1F8 100%); color: #fff; border: 1px solid #1585D8; font-size: 14px; font-weight: 500; letter-spacing: -0.78px; border-radius: 4px; display: inline-block; cursor: pointer; }
.popupForm .ngc_btn:active { background: #126FB5; }
.popupForm .ngc_btn:hover { background: #1B84D2; color: #fff; }
.popupForm .ngc_btn i {margin-right: 5px; position: relative; top: 2px;}

/* button */
.btn_red { display: inline-block; font-weight: 600; color: #ffffff; border-radius: 5px; background: #a20000; padding: 3px 10px 3px 10px; letter-spacing: 0.4px; margin-top: 3px; font-size: 14px;}
.btn_red:hover{ font-weight: 600; border-radius: 5px; background: #1B2431; transition: ease-in background 0.5s; padding: 3px 10px 3px 10px; letter-spacing: 0.4px;} 
.btn_blue {border-radius: 2px; background-color: #2856cb; color: #fff; min-width: 120px; height: 35px; padding: 0 15px;}
.btn_blue.download {box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.19); background-image: url(../img/icon_download.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; text-align: left; padding-right: 40px;}
.btn_red2 {border-radius: 2px; background-color: #a20000; color: #ffffff; min-width: 120px; height: 35px; padding: 0 15px;}
.btn_red2.download {box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.19); background-image: url(../img/icon_download.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; text-align: left; padding-right: 40px;}
.btn_play {background-image: url(../img/btn_play.png); background-repeat: no-repeat; background-position: center; width: 38px; height: 38px; font-size: 0;}
.btn_play:hover {background-image: url(../img/btn_play_h.png); transition: ease-in background 0.2s;}
.btn_down {background-image: url(../img/btn_down.png); background-repeat: no-repeat; background-position: center; width: 38px; height: 38px; font-size: 0;}
.btn_down:hover {background-image: url(../img/btn_down_h.png); transition: ease-in background 0.2s;}
.btn_black { width: 90px; height: 35px; border-radius: 3px; background-color: #333333; color: #ffffff; font-weight: 500; vertical-align: middle;}
.btn_white {border-radius: 2px; width: 96px; height: 35px; border: solid 1px #8492b4; background-color: #ffffff; }
.btn_more {display: inline-block;}
.btn_more em {position: relative; top: -2px;}
.btn_more span { display: inline-block; color: #fff; font-size: 20px; text-align: center; width: 35px; height: 35px; line-height: 35px; background-color: #333333; margin-left: 10px; vertical-align: initial;}
.btn_green {width: 110px; height: 35px; border-radius: 3px; background-color: #0aae85; color: #fff; font-weight: 500;}

/* footer */ 
.footer { padding: 50px 0; font-size: 0; background-color: #404B67; margin-top: 50px; box-sizing: border-box;}
.footer>div { border-bottom: 1px solid #606B88; margin-bottom: 30px; }
.footer>p { text-align: center; color: #E4F1FD; font-size: 12px; }
.footer>div>a { width: 194px; vertical-align: top; margin-right: 105px; }
.footer>div>a.en_logo{ margin-right: 95px; display: inline-block;}
.footer>div>a img{ width:100%; }
.footer>div>div { display: inline-block; }
.footer>div>div>div:nth-child(1) { border-bottom: 1px solid #606B88; padding-bottom: 10px; }
.footer>div>div>div:nth-child(1)>span { margin-right: 18px; }
.footer>div>div>div:nth-child(1)>span>a { color: #fff; font-size: 18px; font-weight: 500; letter-spacing: -1px; }
.footer>div>div>div:nth-child(1)>.select_box { width: auto; padding: 0; border: 0; background: #404b67; display: inline-block; margin-left: 42px; }
.footer>div>div>div:nth-child(1)>.select_box select { height: 36px; width: 158px; border: 1px solid #B0C2D4; vertical-align: text-bottom; border-right: 0; border-radius: 0; background: #404b67; color: #B0C2D4; padding: 0 15px; background-image: url(../img/select_arrow.png); background-size: 9px; background-position: 95%; background-repeat: no-repeat; }
.footer>div>div>div:nth-child(1)>.select_box button{ vertical-align: text-bottom; font-size: 13px; font-weight: 600; padding: 5px; height: 36px; background: #B0C2D4; color: #404b67; border: 1px solid #B0C2D4; border-left: 0; }
.footer>div>div>div:nth-child(2) { padding: 20px 0; overflow: hidden; }
.footer>div>div>div:nth-child(2) ul:nth-child(1) { display: inline-block; float: left; text-align: left; }
.footer>div>div>div:nth-child(2) ul:nth-child(1) li { margin-bottom: 5px; }
.footer>div>div>div:nth-child(2) ul:nth-child(1) li a { color: #fff; font-size: 14px; letter-spacing: -0.78px; line-height: 20px; margin-right: 13px; cursor: context-menu; }
.footer>div>div>div:nth-child(2) ul:nth-child(1) li a i {display: inline-block; color: #fff; font-size: 0; width: 16px; height: 18px; background-size: auto 15px; background-repeat: no-repeat; background-position: center; position: relative; top: 3px; margin-right: 4px;}
.footer>div>div>div:nth-child(2) ul:nth-child(2) { display: inline-block; text-align: right; float: right; }
.footer>div>div>div:nth-child(2) ul:nth-child(2) li { display: inline-block; margin-left: 10px; }
.footer>div>div>div:nth-child(2) ul:nth-child(2) li i { font-size: 0; color: #B3C4D6; display: inline-block; border-radius: 100%; padding: 0px 0px; width: 42px; border: 1px solid #B3C4D6; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center;}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li i:hover,
.footer>div>div>div:nth-child(2) ul:nth-child(2) li i.focus { color: #fff; background: #B3C4D6; }
.footer>div>div>div:nth-child(2) ul:nth-child(3) { float: right; margin-right: 10px; display: inline-block; }
.footer>div>div>div:nth-child(2) ul:nth-child(3) li a img { width: 120px; height: 85.2px; }

i {background-repeat: no-repeat; background-position: center; display: inline-block;}
.icon-search {background-image: url(../img/ico_header_search.png); width: 25px; height: 24px;}
.icon-pin-location01 {background-image: url(../img/icon_pin.png);}
.icon-phone-line {background-image: url(../img/icon_phone.png);}
.icon-fax-02 {background-image: url(../img/icon_fax.png);}
.icon-sns-instagram {background-image: url(../img/ico_instagram.png);}
.icon-sns-facebook {background-image: url(../img/ico_facebook.png);}
.icon-sns-twitter {background-image: url(../img/ico_twitter.png);}
.icon-sns-youtube {background-image: url(../img/ico_youtube.png);}
.icon-sns-naverblog {background-image: url(../img/ico_blog.png);}
.icon-down {background-image: url(../img/ico_down.png); width: 17px; height: 14px;}
.icon-pop {background-image: url(../img/ico_pop.png); width: 15px; height: 15px;}

.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover i {background-repeat: no-repeat; background-position: center;}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover .icon-sns-instagram {background-image: url(../img/ico_instagram_w.png);}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover .icon-sns-facebook {background-image: url(../img/ico_facebook_w.png);}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover .icon-sns-twitter {background-image: url(../img/ico_twitter_w.png);}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover .icon-sns-youtube {background-image: url(../img/ico_youtube_w.png);}
.footer>div>div>div:nth-child(2) ul:nth-child(2) li:hover .icon-sns-naverblog {background-image: url(../img/ico_blog_w.png);}