@charset "utf-8";
/* 공통 */
#wrap { padding-top: 90px; }
#wrap.main { padding-top: 0; }
.inner { margin: 0 auto; width: 1200px; }
.inner:after { display: block; content: ''; clear: both; }
.only_m { display: none; }
.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(18,8,21,0.7); z-index: 10; }


/* text */
.txt1 { line-height: 42px; font-size: 40px; font-weight: bold; }
.txt2 { line-height: 32px; font-size: 30px; }
.txt3 { line-height: 42px; font-size: 40px; font-weight: bold; padding-top:10px; }
.txt4 { line-height: 32px; font-size: 30px; margin-top: 30px;}


/* button */
.btn_area { margin-top: 50px; line-height: 0; font-size: 0; }
.btn_area > * { margin-left: 20px; }
.btn_area > *:first-child { margin-left: 0; }
.btn { display: inline-block; padding: 0 10px; min-width: 257px; height: 60px; line-height: 60px; font-size: 18px; vertical-align: top; }
.btn.navy { color: #fff; background: #143559; box-shadow: 3px 3px 10px rgba(0,0,0,0.3); }
.btn.blue { color: #fff; background: #0186d2; }
.btn.white { color: #120815; background: #fff; }
.ico_arrow { padding-right: 18px; background: url('../img/arrow_right_white.png') no-repeat 100% 50%; }
.ico_down { padding-right: 22px; background: url('../img/ico_down.png') no-repeat 100% 50%; }


/* font-color */
.fc_blue { color: #0186d2 !important; }
.fc_gray { color: #79767a !important; }


/* header */
#header { position: fixed; top: 0; left: 0; width: 100%; height: 90px; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 100; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
#header .inner { width: auto; }
#header .logo { position: absolute; top: 25px; left: 30px; }
#header .logo a { display: block;  width: 166px; height: 39px; line-height:0; font-size: 0; text-indent: -9999px;  background: url('../img/logo_white.png') no-repeat 50% 50%;}
#header.on { border-color: #ebebeb; background: #fff; }
#header.on .logo a { background-image: url('../img/logo_color.png');}
#header.on #gnb li a, 
#header.on .side_nav li a,
#header.on .language > a { color: #120815; }
#header.on #gnb li.active a { color: #fff; }
#header.on .language > a span { background-image: url('../img/ico_lang_btm_black.png'); }
#header.on .language.on > a span { background-image: url('../img/ico_lang_top_black.png'); }

#gnb { margin: 26px auto 0; text-align: center; }
#gnb li { display: inline-block; margin-left: 10px; vertical-align: top; }
#gnb li:first-child { margin-left: 0; } 
#gnb li a { display: block; position: relative; color: #fff; line-height: 41px; font-size: 18px; }
#gnb li a span { display: inline-block; padding: 0 13px; line-height: 41px; vertical-align: top; }
#gnb li a:hover,
#gnb li a:focus span { background: transparent; }
#gnb li.active a span { color: #fff; background: #143559; }
.btn_gnb { display: none; }

.top_menu { position: absolute; top: 30px; right: 30px; line-height: 0; font-size: 0; }
.side_nav { display: inline-block; vertical-align: top; text-align: center; }
.side_nav li { display: inline-block; vertical-align: top; }
.side_nav li a { display: block; position: relative; padding: 0 15px; color: #fff; line-height: 30px; font-size: 16px; }
.side_nav li .active a:after { position: absolute; bottom: 0; left: 50%; margin-left: -38px; width: 76px; height: 6px; background-color: #143559; content: ''; } 
.side_nav li a:hover,
.side_nav li a:focus { text-decoration: none; }

.language { display: inline-block; position: relative; margin-left: 15px; min-width: 94px; vertical-align: top; }
.language > a { display: block; color: #fff; line-height: 30px; font-size: 16px; text-decoration: none; }
.language > a span { display: inline-block; padding-right: 25px; background: url('../img/ico_lang_btm_white.png') no-repeat 100% 50%; vertical-align: top; }
.language.on > a span { background-image: url('../img/ico_lang_top_white.png'); }
.language.on ul { display: block; }
.language ul { display: none; position: absolute; top: 40px; left: 0; padding: 8px 5px; width: 94px; background: #fff; text-align: center;}
.language ul li a { display: block; color: #120815; line-height: 30px; font-size: 16px; text-decoration: none; }
.language ul li.on a { color: #0186d2; }


/* 컨플이란 */ 
.visual { position: relative; min-height: 750px; }
.visual_slide { width: 100%; }
.visual_slide .slick-list { width: 100%; }
.visual_slide .item { min-height: 750px; background-size: cover !important; }
.visual_slide .slide1 { background: url('../img/bg_visual.jpg') no-repeat 50% 0; }
.visual_slide .slide2 { background: url('../img/bg_visual.jpg') no-repeat 50% 0; }
.visual_slide .slide3 { background: url('../img/bg_visual.jpg') no-repeat 50% 0; }
.visual_slide .slick-dots { position: absolute; bottom: 42px; left: 0; width: 100%; text-align: center; }
.visual_slide .slick-dots li { display: inline-block; margin-left: 10px; vertical-align: top; z-index: 10; }
.visual_slide .slick-dots li:first-child { margin-left: 0; }
.visual_slide .slick-dots li button { width: 15px; height: 15px; border: 2px solid #fff; border-radius: 50%; line-height: 0; font-size: 0; text-indent: -9999px;}
.visual_slide .slick-dots li.slick-active button { background: #fff; }
.visual .inner { position: absolute; top: 240px; left: 50%; margin-left: -600px; color: #fff; text-align: center; }
/* .visual .inner { position: absolute; top: 200px; left: 10%; color: #fff; } */
.visual .txt2 { line-height: 42px; margin-bottom: 20px; }
.visual .logo_img { float: right; }
.visual .txt_group { text-align: left; }
.visual .txt_group .btn { text-align: center; }

.introduce { text-align: center; }
.introduce .inner { padding: 120px 0; width: 1400px; }
.introduce .txt2 { margin-bottom: 20px; } 
.intro_list { margin-top: 80px; }
.intro_list .slick-list { padding: 30px 0; }
.intro_list .item { padding: 0 10px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.intro_list .item > div { position: relative; } 
.intro_list .item:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.intro_list .item:hover div:before { content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(1,134,210,0.8); z-index: 1; }
.intro_list .item:hover div:after { content: ''; position: absolute; top: 50%; left: 50%; width: 94%; height: 96%; border: 1px solid rgba(255,255,255,0.3); z-index: 2; 
									transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.intro_list .item:hover dt {  bottom: 70%; font-size}
.intro_list .item:hover dd { bottom: 30px; letter-spacing: -1px;}
.intro_list .item img { display: inline-block; width: 100%; vertical-align: top; }
.intro_list .item:first-child { margin-left: 0; } 
.intro_list .item dl { position: absolute; top: 0; left: 0; padding: 10px; width: 100%; height: 100%; color: #fff; text-align: left; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; z-index: 3; }
.intro_list .item dl dt { position: absolute; bottom: 20px; left: 20px; min-height: 93px; line-height: 30px; font-size: 25px; font-weight: bold; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.intro_list .item dl dt .num { display: block; margin-bottom: 15px; line-height: 18px; font-size: 16px; font-weight: 400; opacity: 0.8; }
.intro_list .item dl dd { position: absolute; bottom: -100%; left: 0; padding: 0 20px; line-height: 18px; font-size: 14px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

/* 2019-06-20 추가 */
/* youtube */
.vedio .inner { padding: 60px 0 120px; width: 1400px; text-align: center; }
.vedio_list { font-size: 0; text-align: left; }
.vedio_list li { display: inline-block; padding: 0 10px; width: 25%; vertical-align: top; }
.vedio_list li .vediobox { margin-bottom: 20px;}
.vedio_list li .vediobox iframe { width: 100% !important; height: 200px;}
.vedio_list li .txt1 { margin-bottom: 10px; line-height: 28px; font-size: 22px; font-weight: bold; }
.vedio_list li .txt2 { color: #79767a; line-height: 30px; font-size: 18px; font-weight: bold; }
.vedio .btn { margin-top: 70px; padding: 0 50px; }

/* 프로세스 */
.process_top { background-color: #f9f9f9; }
.process_top .inner { padding: 120px 0; }
.process_top .box { padding: 90px 40px 0; width:575px; min-height: 648px; background-color: #fff; box-shadow: 3px 3px 20px rgba(0,0,0,0.2); }
.process_top .box .txt2 { margin-bottom: 65px; padding: 100px 0 50px; border-bottom: 4px solid #f7f7f7; line-height: 45px; font-weight: bold; }
.process_top .box.fl .txt2 { background: url('../img/ico1.jpg') no-repeat 0 0; }
.process_top .box.fr .txt2 { background: url('../img/ico2.jpg') no-repeat 0 0; }
.process_top .num_list { min-height: 180px; font-weight: bold; }
.process_top .num_list li { padding-left: 25px; line-height: 30px; font-size: 16px; text-indent: -25px; }
.process_top .num_list li .num { color: #0186d2; }
.process_top .box p.fc_blue { line-height: 24px; font-size: 22px; font-weight: bold; }

.process_list li { position: relative; padding: 120px 0; min-height: 860px; }
.process_list li .inner { padding: 0 30px; width: auto;  }
.process_list li:after { display: block; content: ''; clear: both; }
.process_list li:nth-child(even) { padding: 30px 0 50px; min-height: 0; background-color: #f9f9f9; }
.process_list .txt_box { width: 880px; }
.process_list .txt_box .num { display: block; position: relative; margin-bottom: 85px; }
.process_list .txt_box .num:after { content: ''; position: absolute; bottom: -60px; left:0; width: 3px; height: 28px; background-color: #c9c7ca; } 
.process_list .txt_box .txt01 { display: block; margin-bottom: 40px; color: #0186d2; line-height: 60px; font-size: 40px; letter-spacing: -2px;  }
.process_list .txt_box .txt02 { margin-bottom: 20px; line-height: 35px; font-size: 26px; font-weight: bold; letter-spacing: -1px;  }
.process_list .txt_box .txt03 { color: #79767a; line-height: 30px; font-size: 18px; font-weight: bold; letter-spacing: -1px;  }
.process_list li:nth-child(odd) .txt_box { position: relative; left: 50%; margin-left: -580px;   }
.process_list li:nth-child(odd) .img_box { position: absolute; top: 120px; left: 50%; }
.process_list li:nth-child(even) .txt_box { float: right; width: 880px;  }
.process_list li:nth-child(even) .img_box { position: absolute; top: -120px; right: 50%; }


/* 서비스 가격*/
.price { text-align: center; }
.price .inner { padding: 120px 0; }
.price .txt2 { margin-bottom: 20px; }
.price .cont { margin-top: 80px;  box-shadow: 3px 3px 20px rgba(0,0,0,0.2);}
.tbl_price { border: 0 none; background: #fff;  }
.tbl_price th { padding: 10px; height: 88px; border-left: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; font-size: 18px; font-weight: bold; }
.tbl_price th:first-child { border-left: 0 none; }
.tbl_price tbody td { padding: 25px 30px; border-left: 1px solid #f7f7f7; border-top: 1px solid #f7f7f7;}
.tbl_price .fc_gray { font-size: 16px; }
.tbl_price tbody .fc_gray { display: block; margin-top:10px; }
.tbl_price .txt_price { position: relative; font-size: 18px; font-weight: bold; }
.tbl_price .txt_price:before { content: ''; position: absolute; bottom: -3.5px; left: -3.5px; width: 7px; height: 7px; border-radius: 50%; background: #f7f7f7; }
.tbl_price .txt_price:nth-child(2):before { display:none; }
.tbl_price .txt_price strong { color: #0186d2; line-height: 52px; font-size: 50px; }
.tbl_price .bdnone td { padding: 10px 30px; border: 0 none; }
.tbl_price .tip { color: #79767a; line-height: 45px; font-size: 16px; background: #f8f8f8; }
.tbl_price .txt {  color: #79767a; line-height: 30px; font-size: 17px; text-align: left; }
.tbl_price .txt > li { margin-top: 5px; padding-left: 20px; text-indent: -20px;  }
.tbl_price .txt > li:first-child  { margin-top: 0; }
.tbl_price .txt .fc_gray { display: inline;  color: #999 !important; font-size: 15px;  }
.tbl_price .txt ul li { padding-left: 18px; text-indent: -15px; }
.fc_red { color: #f00;}


/* 서비스 시작하기 */
.start { display: table; width: 100%; min-height: 650px; background: url('../img/bg_start.jpg') no-repeat 50% 0; background-size: cover; }
.start .inner { display: table-cell; vertical-align: middle; color: #fff; text-align: center;}
.start .txt1 { margin-bottom: 20px; }


/* footer */
.main #footer { border-top: 0 none; } 
#footer { border-top: 1px solid #ebebeb; }
#footer .top { border-bottom: 1px solid #ebebeb; }
#footer .top .inner { padding: 41px 0; }
#footer .top .fl > span,
#footer .top .fr > a { display: inline-block; position: relative; padding: 0 10px; color:#120815; line-height: 18px; font-size: 15px; font-weight: bold; vertical-align: top; }
#footer .top .fl > span:before,
#footer .top .fr > a:before { position: absolute; top: 0; left: -10px; content: 'ㅣ'; color: #d3d3d3; }
#footer .top .fl > span:first-child,
#footer .top .fr > a:first-child { padding-left: 0; }
#footer .top .fl > span:first-child:before,
#footer .top .fr > a:first-child:before { display: none; }
#footer .btm .inner { padding: 50px 0; font-weight: bold; }
#footer .btm address { display: block; margin-bottom: 30px; color: #79767a; line-height: 18px; font-size: 14px; }
#footer .btm .copyright { color: #b5b4b5; line-height: 16px; font-size: 14px; }


/* login */
.login_box { margin: 80px auto 120px; width: 460px; border: 1px solid #ebebeb; }
.login_top { padding: 40px; }
.login_top .tit { margin-bottom: 8px; line-height: 27px; font-size: 25px; text-align: center; }
.login_top .tit_des { margin-bottom: 30px; color: #a7acb0; line-height: 15px; font-size: 13px; text-align: center; }
.inp_group { margin-bottom: 15px; }
.inp_group .inp { margin-top: 6px; }
.inp_group .inp:first-child { margin-top: 0; }
.login_top .checks { margin-bottom: 30px;}
.login_top .btn { margin-bottom: 20px; width: 100%; height: 50px; line-height: 50px; font-size: 15px; }
.login_top .menu { line-height: 0; font-size: 0; text-align: center; }
.login_top .menu li { display: inline-block; position: relative; vertical-align: top; }
.login_top .menu li:before { position: absolute; top: 2px; left: 0; content: ''; width: 1px; height: 12px; background-color: #a7acb0; }
.login_top .menu li:first-child:before { display: none; }
.login_top .menu li a { display: block; padding: 0 6px; color: #120815; line-height: 16px; font-size: 14px; }
.login_btm { padding-bottom: 40px; border-top: 1px solid #eaeaea; text-align: center; }
.login_btm .txt { display: inline-block; position: relative; top: -10px; margin-bottom: 20px; padding: 0 20px; color: #a7acb0; line-height: 15px; font-size: 13px; text-align: center; background-color: #fff; }
.login_ect { line-height: 0; font-size: 0; text-align: center;}
.login_ect li { display: inline-block; margin-left: 10px; vertical-align: top; }
.login_ect li:first-child { margin-left: 0; }


/* input */
.inp { padding: 0 13px; width: 100%; height: 48px; border: 1px solid #eff3f6; line-height: 18px; font-size: 15px; }
.inp:disabled { color: #a7acb0; border: 0 none; background: #eff3f6; }


/* check box */
.checks { display: inline-block; position: relative; vertical-align: top; z-index: 1; } 
.checks input[type="checkbox"] { position: absolute; width: 0px; height: 0px; overflow: hidden; display: none; } 
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 43px; color: #a7acb0; line-height: 34px; font-size: 14px; cursor: pointer; vertical-align: top; }
.checks input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0; width: 34px; height: 34px;background: url('../img/check_off.png') no-repeat 50% 50%;} 
.checks input[type="checkbox"]:checked + label:before { border: 0 none; background: url('../img/check_on.png') no-repeat 50% 50%; }

/* select */
.selbox { display: inline-block; padding: 0 0 0 13px; width: 100%; height: 48px; border: 1px solid #eff3f6; line-height: 18px; font-size: 15px; vertical-align: top; }


/* 비밀번호 찾기 */
.pw_find { margin: 100px auto; width: 600px; min-height: 500px; }
.tit_area { padding-bottom: 20px; border-bottom: 3px solid #ebebeb; }
.tit_area:after { display: block; content: ''; clear: both; }
.tit_area .tit { display: inline-block; position: relative; line-height: 27px; font-size: 25px; vertical-align: top; }
.tit_area .tit:before { content:''; position: absolute; bottom: -23px; left: 0; width: 100%; height: 5px; background-color: #0186d2; } 
.pw_find .cont_area { padding-top: 53px; }
.pw_find .cont_area .inp { margin-bottom: 14px; }
.pw_find .cont_area .txt_tip { margin-bottom: 50px; }
.form_group { margin-top: 25px; }
.form_group:first-child { margin-top: 0; } 
.form_group > label { display: block; margin-bottom: 10px; line-height: 16px; font-size: 14px; font-weight: bold; }
.star { color: #ff6f61; }
.txt_tip { color: #a7acb0; }
.textbox { padding: 10px; width: 100%; height: 240px; border: 1px solid #ebebeb; font-size: 15px; }


/* 회원가입 */
.join_wrap { background: #eff3f6; }
.join_wrap .header { padding: 49px 0; text-align: center; }
.join_wrap .header .logo { display: block; }
.join_wrap .content { margin: 0 auto; padding: 40px; width: 600px; border-top: 3px solid #14345a; background-color: #fff; }
.tit_area2 { margin-bottom: 25px; }
.tit_area2 .tit { margin-bottom: 8px; line-height: 27px; font-size: 25px; text-align: center; }
.tit_area2 .tit_des { color: #a7acb0; line-height: 15px; font-size: 13px; text-align: center; }
.inp_emall { line-height: 0; font-size: 0; }
.inp_emall > * { display: inline-block; vertical-align: top; }
.inp_emall .inp { width: 47%; }
.inp_emall span { width: 6%; line-height: 48px; font-size: 16px; font-weight: bold; text-align: center; }
.inp_emall .selbox { width: 47%; }
.join_wrap .form_group .selbox { width: 47%; }
.form_etc { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ebebeb; }
.form_etc .tit { margin-bottom: 20px; line-height: 20px; font-size: 18px; }
.form_etc .checks { margin-bottom: 40px; }
.checks input[type="checkbox"] + label a { position: relative; text-decoration: underline; z-index: 1; }
.join_wrap .btn_area { margin-top: 0; }
.join_wrap .footer { padding: 40px; text-align: center; }
.join_wrap .copyright { line-height: 16px; }
.foot_nav { margin-bottom: 15px; line-height: 0; font-size: 0; }
.foot_nav a { display: inline-block; position: relative; padding: 0 20px; color: #898888; line-height: 16px; font-size: 14px; vertical-align: top; }
.foot_nav a:before {position: absolute; top: 2px; left:0; content: ''; width: 1px; height: 12px; background-color: #b8b7b7; } 
.foot_nav a:first-child:before { display: none; }
.foot_nav a:hover { text-decoration: underline; }
.foot_nav .fc_black { color: #363636; }


/* contact us */
.cont_wrap { margin: 0 auto; padding: 50px 0; width: 1200px;}
.tit_area .breadcrumbs { float: right; }
.breadcrumbs { float: right; text-align: right; }
.breadcrumbs:after { display: block; content: ''; clear: both; }
.breadcrumbs li { float: left; line-height: 27px; font-size: 14px; font-weight: bold;}
.breadcrumbs li:before { display: inline-block; content: '>'; padding: 0 5px; color: #d3d3d3; vertical-align: top; }
.breadcrumbs li:first-child:before { display: none; }
.contact .form_wrap { padding-top: 55px; }
.contact .form_wrap .inp_emall .inp,
.contact .form_wrap .inp_emall .selbox { width: 200px; }
.contact .form_wrap .inp_emall span { padding: 0 5px; width: auto; }
.contact .form_wrap .selbox { width: 450px; }
.contact .file_wrap { overflow: hidden; width: 100%; }
.contact .file_wrap .fr { width: 490px;}
.contact .file_wrap .file_box { display: inline-block; vertical-align: top; }
.contact .btn_area { margin-top: 50px; border-top: 1px solid #ebebeb; padding-top: 80px; }
.contact .btn_area .btn { font-size: 15px; }
.file_box { position: relative; padding-right: 130px; width: 700px; }
.file_box .btn { position: absolute; top: 0; right: 0; min-width: 0; width: 120px; height: 48px; line-height: 48px; font-size: 14px; }
.file_box .file { position: absolute; top: 0; right: 0; width: 120px; height: 48px; opacity: 0; z-index: 1; cursor: pointer; } 


/* 자주묻는 질문 */
.qna .cont_area { padding-top: 50px; }
.qna_menu { overflow: hidden; margin-bottom: 55px; width: 100%; }
.qna_menu li { float: left; margin-left: 20px; width: 285px; }
.qna_menu li:first-child { margin-left: 0;}
.qna_menu li.ico1 a { background: #f7f9fa url('../img/ico_qna1.png') no-repeat 50% 48px; }
.qna_menu li.ico2 a { background: #f7f9fa url('../img/ico_qna2.png') no-repeat 50% 48px; }
.qna_menu li.ico3 a { background: #f7f9fa url('../img/ico_qna3.png') no-repeat 50% 48px; }
.qna_menu li.ico4 a { background: #f7f9fa url('../img/ico_qna4.png') no-repeat 50% 48px; }
.qna_menu li a { display: block; position: relative; padding-top: 113px; height: 203px; text-align: center; }
.qna_menu li a:before { position: absolute; top: 0; left: 0; content: ''; width: 19px; height: 19px; background: url('../img/bg_triangle.png') no-repeat 0 0; } 
.qna_menu li a p { margin-bottom: 37px; line-height: 20px; font-size: 18px; font-weight: bold; }
.qna_menu li a span { color: #120815; line-height: 16px; }

.tab_menu { position: relative; margin-bottom: 55px; border-bottom: 1px solid #ebebeb; }
.tab_menu .current { display: none; }
.tab_menu:after { display: block; content: ''; clear: both; }
.tab_menu li { float: left; margin-left: 60px; }
.tab_menu li:first-child { margin-left: 0; }
.tab_menu li a { display: block; position: relative; padding-bottom: 30px; color: #bfc6cb; line-height: 18px; font-size: 16px; }
.tab_menu li.on a { color: #120815; font-weight: bold; }
.tab_menu li.on a:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 4px; background-color: #0186d2; }

.tab_cont.on { display: block;}
.tab_cont { display: none; }
.tab_cont .tit { margin-bottom: 20px; line-height: 22px; font-size: 20px; }
.qna_list { border-top: 2px solid #0186d2; }
.qna_list > li { border-bottom: 1px solid #ebebeb; cursor: pointer; }
.qna_list .question { position: relative; padding: 25px 20px 25px 70px; background: url('../img/bg_plus.png') no-repeat 100% 50%; background-origin: content-box; }
.qna_list .question .num { position: absolute; top: 25px; left: 20px; color: #0186d2; line-height: 26px; font-size: 24px; font-weight: bold; }
.qna_list .question p { padding-right: 35px; line-height: 24px; font-size: 16px; font-weight: bold; }
.qna_list .answer { display: none; padding: 35px 70px; border-top: 1px solid #ebebeb; line-height: 25px; font-size: 16px; background: #f7f9fa; }
.qna_list .answer > * { margin-top: 20px; }
.qna_list .answer > *:first-child { margin-top: 0; }
.qna_list > li.on .answer { display: block; }
.qna_list > li.on .question { background: url('../img/bg_minus.png') no-repeat 100% 50%; background-origin: content-box; }
.answer .num_list > li { margin-top: 5px; padding-left: 15px; text-indent: -15px; }
.answer .num_list > li:first-child { margin-top: 0; }
.answer .num_list .dot_list { padding-left: 10px; }
.answer .num_list p { padding-left: 10px; }
.answer .dot_list li { padding-left: 10px; text-indent: -10px;}
.answer > strong { display: block; }

.paging { margin-top: 60px; text-align: center; }
.paging * { display: inline-block; vertical-align: top; }
.paging a { min-width: 51px; height: 50px; }
.paging .first,
.paging .prev,
.paging .next,
.paging .last { margin-left: 7px; line-height: 0; font-size: 0; text-indent: -9999px; }
.paging .first { margin-left: 0; background: url('../img/btn_first.png') no-repeat 50% 50%; }
.paging .prev { background: url('../img/btn_prev.png') no-repeat 50% 50%; }
.paging .next { background: url('../img/btn_next.png') no-repeat 50% 50%; }
.paging .last { background: url('../img/btn_last.png') no-repeat 50% 50%; }
.paging > div > * { display: inline-block; margin-left: 7px; min-width: 51px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; text-align: center;}
.paging > div > *:first-child { margin-left: 0; }
.paging .current { color: #fff; background-color: #0186d2; }


/* 이용약관 */
.terms_wrap { margin: 0 auto; padding: 50px 0; width: 1200px; }
.terms_wrap .tab_menu li.on a { font-size: 25px; }
.top_box { padding: 40px; border: 1px solid #ebebeb; }
.top_box .tit { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #ebebeb; line-height: 26px; font-size: 24px; } 
.top_box .tit .fc_blue { position: relative; font-weight: bold; }
.top_box .tit .fc_blue:before { position: absolute; bottom: -16px; left: 0; content: ''; width: 100%; height: 3px; background: #0186d2; }
.top_box .txt_group p { margin-top: 20px; line-height: 27px; font-size: 16px; }
.top_box .txt_group p:first-child { margin-top:0; } 
.top_box .txt_group > strong { display: block; margin-top: 30px; line-height: 27px; font-size: 16px;}

.terms_cont { font-size: 15px; }
.terms_cont h2 { margin-top: 75px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; line-height: 20px; font-size: 18px; }
.terms_cont h3 { margin: 45px 0 15px; color: #a7acb0; line-height: 18px; font-size: 16px; }
.terms_cont .indent { padding: 35px 20px; }
.terms_cont .hypen_list { line-height: 30px; font-size: 14px; }
.terms_cont .hypen_list > li { padding-left: 10px; text-indent: -10px; }
.terms_cont .dot_list { padding-left: 20px; line-height: 30px; font-size: 14px; }
.terms_cont .dot_list > li { padding-left: 10px; text-indent: -10px; }
.terms_cont .num_list > li { margin-top: 15px; padding-left: 17px; text-indent: -17px; }
.terms_cont .num_list > li:first-child { margin-top: 0; }
.terms_cont .num_list .dot_list { margin-top: 10px; }
.terms_cont p + .num_list { margin-top: 20px; }
.terms_cont p + .dot_list { margin-top: 20px; }
.terms_cont .tbl_col { margin: 20px 0; }

/* table */
.tbl_col { border: 1px solid #ebebeb; }
.tbl_col th { padding: 10px; border: 1px solid #ebebeb; text-align: center; background-color: #f7f9fa; }
.tbl_col td { padding: 10px; border: 1px solid #ebebeb; text-align: center; }


/* 파트너쉽 혜택 */
.partnership { padding-top: 120px; }
.partnership .top_area { text-align: center; }
.partnership .top_area .tit { margin-bottom: 20px; line-height: 46px; font-size: 44px; }
.partnership .top_area .tit_desc { line-height: 30px; font-size: 24px; }
.partnership_list li .inner { position: relative; }
.partnership_list li .inner:after { display: block; content: ''; clear: both; } 
.partnership_list li { position: relative; padding: 120px 0; }
.partnership_list li:after { display: block; content: ''; clear: both; }
.partnership_list li:nth-child(even) { background-color: #f9f9f9; }
.partnership_list .txt_box { width: 50%; }
.partnership_list .txt_box .num { display: block; position: relative; margin-bottom: 85px; }
.partnership_list .txt_box .num:after { content: ''; position: absolute; bottom: -60px; left:0; width: 3px; height: 28px; background-color: #c9c7ca; } 
.partnership_list .txt_box .txt01 { display: block; margin-bottom: 40px; color: #0186d2; line-height: 60px; font-size: 40px; letter-spacing: -2px;  }
.partnership_list .txt_box .txt03 { color: #79767a; line-height: 30px; font-size: 18px; font-weight: bold; letter-spacing: -1px;  }
.partnership_list .img_box { width: 50%; }
.partnership_list li:nth-child(odd) .txt_box { float: left;   }
.partnership_list li:nth-child(odd) .img_box { float: right; text-align: right;  }
.partnership_list li:nth-child(even) .txt_box { float: right; padding-left: 52px;  }
.partnership_list li:nth-child(even) .img_box { float: left; text-align: left;  }
/* //파트너쉽 혜택 */

/* 반응형 */
@media screen and (max-width:1800px){
#gnb { margin-left: -100px; }
#gnb li { margin-left: 40px; }
.process_list li:nth-child(even) .txt_box { width: 50%; }
}


/* 반응형 */
@media screen and (max-width:1550px){
#header { padding: 0 400px 0 160px; }
#gnb { margin-left: 0; }
#gnb li { margin-left: 20px;}
#gnb li a span { padding: 0 5px; }
.language { margin-left: 10px; }
.side_nav li a { padding: 0 10px; }
}

@media screen and (max-width:1400px){
.introduce .inner { width: auto; }
/* 2019-06-20 추가 */
.vedio .inner { padding: 60px 40px 120px; width: auto; }
/* //2019-06-20 추가 */
}


@media screen and (max-width:1260px){
#gnb li { margin-left: 0px;}
.visual .inner { padding: 0 50px; }
.visual .logo_img { width: 48%;  }

.introduce .inner { width: auto; }
.process_top .inner { padding: 120px 50px; }
.process_top .box { width: 525px; }
.process_list .inner { padding: 0 50px;}
.price .inner { padding: 120px 50px; }


/* 파트너쉽 혜택 */
.partnership .top_area { padding: 0 50px; }
.partnership_list li .inner { padding: 0 50px; }
/* //파트너쉽 혜택 */
}
 

@media screen and (max-width:1200px){
#wrap { width: 1200px;}
#header { width: 1200px; }
#footer .top .inner { padding: 41px 50px; }
#footer .btm .inner { padding: 50px; }
.cont_wrap { padding: 50px; }
.qna_menu li { width: 260px; }
.terms_wrap{ padding: 50px; }
}


/* 모바일 */
@media screen and (max-width:768px){

/* 공통 */
#wrap { overflow: hidden; padding-top: 50px; width: auto;}
.inner { width: auto; }
.only_m { display: block; }

/* text */
.txt1 { line-height: 38px; font-size: 28px; }
.txt2 { line-height: 28px; font-size: 18px; }
.txt3 { line-height: 38px; font-size: 28px; }
.txt4 { line-height: 28px; font-size: 18px; }

/* header */
#header { padding: 0; width: 100%; height: 40px; }
#header .logo { display: inline-block; position: relative; top: 0; left: 15px; z-index: 101; vertical-align: top; }
#header .logo a { width: 100px; height: 40px; background-image: url('../img/m_logo_white.png'); background-size: 100px auto;  }
#header.active .logo a { background-image: url('../img/m_logo_color.png') !important;}
#header.active .btn_gnb { background-image: url('../img/btn_gnb_close.png') !important; }
#header.on .btn_gnb { background-image: url('../img/btn_gnb_black.png'); }
.btn_gnb { display: block; position: absolute; top: 0; right: 0; width: 44px; height: 39px; line-height: 0; font-size: 0; background: url('../img/btn_gnb.png') no-repeat 50% 50%; background-size: 16px auto; z-index: 100; }
.gnb_wrap { position: absolute; top: 0; right: -100%; padding: 40px 15px 15px; width: 100%; background: #fff; }
.gnb_wrap:before { position: absolute; top: 40px; left: 0; content: ''; width: 100%; height: 1px; background-color: #eff3f6; }
#gnb { position: static; margin: 0; padding: 15px 0; border-bottom: 1px solid #eff3f6; }
#gnb li { display: block; margin: 0; text-align: left; }
#gnb li a { padding: 5px 0; color: #120815; line-height: 24px; font-size: 13px; }
#gnb li a span { line-height: 24px; }

.top_menu { position: static; }
.side_nav { display: block; padding: 15px 0; text-align: left; }
.side_nav li { display: block; }
.side_nav li a { padding: 0 15px; color: #120815; line-height: 34px; font-size: 13px; }
.language { display: block; margin: 0; border: 1px solid #eff3f6; }
.language > a { padding: 0 15px; color: #120815; line-height: 38px; font-size: 13px; }
.language ul { position: static; padding: 0; width: auto; text-align: left; }
.language ul li a { padding: 0 15px; line-height: 38px; font-size: 13px; }
#header.active .language > a span { display: block; padding: 0; background: url('../img/arrow_btm_black.png') no-repeat 100% 50%; background-size: 7px auto; }
#header.active .language.on > a span { background-image: url('../img/arrow_top_black.png'); }


/* button */
.btn_area { margin-top: 30px; }
.btn_area > * { margin-left: 10px; }
.btn { padding: 0 8px; min-width: 120px; height: 40px; line-height: 40px; font-size: 14px; }
.ico_arrow { padding-right: 12px; background-size: 6px auto; }
.ico_down { padding-right: 14px; background-size: 9px auto; }

/* visual */
.visual { min-height: 450px; }
.visual_slide .item { min-height: 450px; }
.visual_slide .slick-dots { bottom: 10px; }
.visual .inner { top: 43px; left: 0; margin: 0; padding: 0 10px; width: 100%; }
.visual .logo_img { float: none; margin-bottom: 5px;  width: auto; }
.visual .logo_img img { max-width: 190px; }
.visual .txt_group { text-align: center;}
.visual .txt2 { line-height: 24px; font-size: 16px;}
.visual .txt4 { line-height: 24px; font-size: 16px; margin-top: 0px;}

.introduce .inner { padding: 60px 0; width: auto; }
.introduce .txt1 { line-height: 34px; }
.intro_list { margin-top:30px; }
.intro_list .slick-list { padding: 0 25% !important; }
.intro_list .item { padding: 0 25px; text-align: center; }
.intro_list .item dl { text-align: left; }
.intro_list .item:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
.intro_list .item:hover dt { bottom: 75%; }
.intro_list .item dl dt { line-height: 24px; font-size: 22px; }
.intro_list .item dl dd { left: 0; padding: 0 30px; line-height: 24px; font-size: 14px; }
.intro_list .slick-dots { position: absolute; bottom: -40px; left: 0; width: 100%; text-align: center; }
.intro_list .slick-dots li { display: inline-block; margin-left: 10px; vertical-align: top; }
.intro_list .slick-dots li:first-child { margin-left: 0; }
.intro_list .slick-dots li button { width: 15px; height: 15px; border: 2px solid #120815; border-radius: 50%; line-height: 0; font-size: 0; text-indent: -9999px;}
.intro_list .slick-dots li.slick-active button { background: #120815; }

/* 2019-06-20 추가 */
.vedio .inner { padding: 60px 10px; }
.vedio_list:first-child { margin-top: 0; }
.vedio_list li { margin-top: 50px; width: 50%; }
.vedio_list li .vediobox { margin-bottom: 10px; }
.vedio_list li .txt1 { line-height: 20px; font-size: 16px; }
.vedio_list li .txt1 br { display: none; }
.vedio_list li .txt2 { line-height: 20px; font-size: 14px; }
.vedio .btn { margin-top: 40px; padding: 10px 20px; height: auto; line-height: 20px; }
/* //2019-06-20 추가 */

.process_top .inner { padding: 60px 20px;}
.process_top .box { float: none; padding: 30px 20px; width: auto; min-height: 0; }
.process_top .box .txt2 { margin-bottom: 30px; padding: 50px 0 30px; line-height: 30px; }
.process_top .box.fl { margin-bottom: 20px; }
.process_top .box.fl .txt2 { background-size: 40px auto;}
.process_top .box.fr .txt2 { background-size: 45px auto;}
.process_top .num_list { margin-bottom: 30px; min-height: 0; }
.process_top .num_list li { line-height: 24px; font-size: 14px; }
.process_top .box p.fc_blue { font-size: 16px;}

.process_list li { padding: 60px 20px 30px; min-height: 0; }
.process_list .txt_box { width: auto; }
.process_list li .inner { padding: 0; }
.process_list li:nth-child(odd) .txt_box { float: none; left: 0; margin-left: 0; width: auto;  }
.process_list li:nth-child(odd) .img_box { position: static; margin-top: 30px; padding: 0 10px; }
.process_list li:nth-child(even) { padding: 60px 20px 30px; }
.process_list li:nth-child(even) .txt_box { float: none; width: auto;  }
.process_list li:nth-child(even) .img_box { position: static; margin-top: 30px; padding: 0 10px; }
.process_list .txt_box .num { margin-bottom: 50px; }
.process_list .txt_box .num img { height: 30px; }
.process_list .txt_box .num:after { bottom: -35px; height: 20px; }
.process_list .txt_box .txt01 { margin-bottom: 35px; line-height: 35px; font-size: 25px;}
.process_list .txt_box .txt02 { line-height: 24px; font-size: 16px; }
.process_list .txt_box .txt03 { line-height: 22px; font-size: 14px; }
.process_list .txt_box br { display: none; }

.price .inner { padding: 60px 20px; }
.price .txt2 { margin-bottom: 10px; }
.price .txt1 { line-height: 30px; font-size: 25px; }
.price .cont { margin-top: 30px; }
.tbl_price th { padding: 10px 5px; height: auto; font-size: 14px; }
.tbl_price tbody td { padding: 10px; }
.tbl_price .txt_price { padding: 10px 5px; font-size: 13px; }
.tbl_price .txt_price strong { font-size: 25px; }
.tbl_price .txt_price:before { left: -4px; }
.tbl_price .bdnone td { padding: 10px; }
.tbl_price .tip { padding: 10px; line-height: 24px; font-size: 14px; }
.tbl_price .txt { margin-bottom: 15px; padding-bottom: 15px; line-height: 24px; font-size: 14px;}
.tbl_price tbody .fc_gray { font-size: 13px; }
.tbl_price col:first-child { width: 14% !important;}

.start { min-height: 300px; }
.start .inner { padding: 0 20px; }
.start .txt1 { font-size: 25px; }


/* footer */
#footer { text-align: center; }
#footer .top .inner { padding: 15px; }
#footer .top .fl,
#footer .top .fr { float: none; }
#footer .top .fl > span,
#footer .top .fr > a { padding: 0 5px; font-size: 12px; }
#footer .btm .inner { padding: 15px 10px; }
#footer .btm address { margin-bottom: 10px; font-size: 12px; letter-spacing: -0.5px; }
#footer .btm .copyright { font-size: 12px;}


/* 비밀번호 찾기 */
.pw_find { margin: 30px 20px; width: auto; min-height: 0; }
.tit_area .tit { font-size: 20px; }
.cont_area { padding-top: 30px; }


/* 회원가입 */
.join_wrap { padding: 0 20px; }
.join_wrap .header { padding: 20px 0; text-align: center; }
.join_wrap .header .logo img { width: 90px; }
.join_wrap .content { padding: 20px; width: auto; }
.tit_area2 .tit { font-size: 20px; }
.inp_emall span { line-height: 35px; font-size: 12px; }
.selbox { height: 35px; font-size: 14px; }
.form_etc { margin-top: 20px; padding-top: 20px;}
.form_etc .tit { margin-bottom: 10px; }
.form_etc .checks { margin-bottom: 20px; }
.join_wrap .footer { padding: 20px; }
.foot_nav a { padding: 0 6px; font-size: 13px; letter-spacing: -0.5px; }
.join_wrap .copyright { font-size: 12px; }


/* contact us */
.cont_wrap { padding: 30px 20px; width: auto; }
.contact .form_wrap { padding-top: 30px; }
.contact .file_wrap .file_box { width: 100%; }
.contact .file_wrap .fr { float: none; margin-top: 10px; width: auto; }
.contact .file_wrap .fr .txt_tip { padding-left: 10px; text-indent: -10px; }
.contact .btn_area { margin-top: 30px; padding-top: 20px; }
.contact .form_wrap .selbox { width: 100%; background: #fff; }
.file_box .btn { height: 35px; line-height: 35px; }


/* 자주묻는 질문 */
.tit_area .breadcrumbs { display: none; }
.qna .cont_area { padding-top: 30px; }
.qna_menu { margin: -10px 0 15px; }
.qna_menu li { margin:10px 0 0; width: 50%; }
.qna_menu li a:before { width: 10px; height: 10px; background-size: 10px; }
.qna_menu li:nth-child(odd) { padding-right: 5px; } 
.qna_menu li:nth-child(even) { padding-left: 5px; } 
.qna_menu li a { display: table; padding:0; width: 100%; height:60px; background-image: none !important; }
.qna_menu li a p { display: table-cell; padding: 10px; height: 60px; line-height: 20px; font-size: 14px; vertical-align: middle; }
.qna_menu li a span { display: none; }

.tab_panel .tab_menu { position: relative; margin-bottom: 20px; border: 1px solid #ebebeb; }
.tab_panel .tab_menu .current { display: block; padding: 0 10px; line-height: 35px; font-size: 14px; background: url('../img/arrow_btm.png') no-repeat 100% 50%; background-origin: content-box; }
.tab_panel .tab_menu ul { display: none; position: absolute; top: 35px; left: -1px; border: 1px solid #ebebeb; box-sizing: content-box; width: 100%; background: #fff; z-index: 1; }
.tab_panel .tab_menu li { float: none; margin-left:0; width: auto; }
.tab_panel .tab_menu li a { padding: 0 10px; color: #120815; line-height: 35px; font-size: 14px; font-weight: bold; }
.tab_panel .tab_menu li.on a:after { display: none; }
.tab_panel .tab_menu.on .current { background-image: url('../img/arrow_top.png'); }
.tab_panel .tab_menu.on ul { display: block; }

.tab_cont .tit { margin-bottom: 10px; font-size: 16px; }
.qna_list .question { padding: 10px 10px 10px 25px; background-size: 10px; }
.qna_list .question .num { top: 8px; left: 0; font-size: 16px; }
.qna_list .question p { padding-right: 10px; font-size: 14px; }
.qna_list li.on .question { background-size: 10px; }
.qna_list li.on .answer { padding: 10px 25px; line-height: 24px; font-size: 14px; }

.paging { margin-top: 30px; }
.paging a { min-width: 20px; height: 30px; }
.paging > div > * {margin-left: 1px; min-width: 20px; height: 30px; line-height: 30px; font-size: 13px; }
.paging .first, .paging .prev, .paging .next, .paging .last { margin-left: 1px; }


/* 이용약관 */
.terms_wrap { width: auto; padding: 20px; }
.terms_wrap .tab_menu { display: table; margin-bottom: 20px; }
.terms_wrap .tab_menu li { display: table-cell; float: none; margin: 0; padding: 5px; width: 33%; height: 30px; font-size: 13px; text-align: center; }
.terms_wrap .tab_menu li a { padding-bottom: 0; font-size: 13px; }
.terms_wrap .tab_menu li.on a { font-size: 13px; }

.tab_menu li.on a:after { bottom: -6px;}
.top_box { padding: 10px; }
.top_box .tit { padding-bottom: 10px; font-size: 18px; }
.top_box .tit .fc_blue:before { bottom: -14px; }
.top_box .txt_group p { margin-top: 10px; line-height: 22px; font-size: 13px; }
.top_box .txt_group > strong { margin-top: 10px; line-height: 22px; font-size: 14px; }
.terms_cont { font-size: 13px; }
.terms_cont h2 { margin-top: 40px; padding-bottom: 10px; font-size: 15px; }
.terms_cont h3 { margin: 20px 0 10px; font-size: 14px; }
.terms_cont .indent { padding: 10px; }
.terms_cont .hypen_list { line-height: 22px; font-size: 13px; }
.terms_cont .dot_list { line-height: 22px; font-size: 13px; }
.tbl_col th { padding: 5px; line-height: 20px; font-size: 13px; }
.tbl_col td { padding: 5px; line-height: 20px; font-size: 13px; }

.inp { height: 35px; line-height: 33px; font-size: 14px; }


/* 파트너쉽 혜택 */
.partnership { padding-top: 30px; }
.partnership .top_area { padding: 0 20px; }
.partnership .top_area .tit { margin-bottom: 10px; line-height: 35px; font-size: 27px; }
.partnership .top_area .tit_desc{ line-height: 22px; font-size: 14px; }
.partnership_list li { padding: 60px 20px 30px; min-height: 0; }
.partnership_list .txt_box { width: auto; }
.partnership_list li .inner { padding: 0; }
.partnership_list li:nth-child(odd) .txt_box { float: none; left: 0; margin-left: 0; width: auto;  }
.partnership_list li:nth-child(odd) .img_box { position: static; margin-top: 30px; padding: 0 10px; width: auto; }
.partnership_list li:nth-child(even) { padding: 60px 20px 30px; }
.partnership_list li:nth-child(even) .txt_box { float: none; padding-left: 0; width: auto;  }
.partnership_list li:nth-child(even) .img_box { position: static; margin-top: 30px; padding: 0 10px; text-align: center; }
.partnership_list .txt_box .num { margin-bottom: 50px; }
.partnership_list .txt_box .num img { height: 30px; }
.partnership_list .txt_box .num:after { bottom: -35px; height: 20px; }
.partnership_list .txt_box .txt01 { margin-bottom: 35px; line-height: 35px; font-size: 25px;}
.partnership_list .txt_box .txt02 { line-height: 24px; font-size: 16px; }
.partnership_list .txt_box .txt03 { line-height: 22px; font-size: 14px; }
.partnership_list .txt_box br { display: none; }
.partnership_list .img_box { width: auto; }
/* //파트너쉽 혜택 */
}


@media screen and (max-width:550px){
.intro_list .slick-list { padding: 0 15% !important; }
.process_list .txt_box .txt03 br { display: none; }


/* login */
.login_box { margin: 50px 20px 50px; width: auto; }
.login_top { padding: 20px;}
.login_top .tit { font-size: 20px; }
.login_top .tit_des { margin-bottom:20px;}
.login_top .checks { margin-bottom:20px;}
.login_top .btn { height: 40px; line-height: 40px; }
.login_btm { padding-bottom: 20px; }
.login_btm .txt { margin-bottom: 10px;}
.login_ect { padding: 0 20px;}
.login_ect li { width: 30%; }
}


@media screen and (max-width:450px){
.intro_list .slick-list { padding: 0 10% !important; }
.intro_list .item { padding: 0 10px; }
.intro_list .item dl { padding: 20px; }
.intro_list .item dl dt { left: 20px; }
.intro_list .item dl dd { padding: 0 20px; }
.intro_list .item dl dd br { display: none; }

/* 2019-06-20 추가 */
.vedio_list li { margin-top: 30px; width: auto; }
/* //2019-06-20 추가 */

}


/* 2020-02-13 추가 ( 시스템 언어 변경 ) */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0px; 
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-content li {
  margin-left: 0px;
  text-align: left;
}

.lang-flag{
	height:30px;vertical-align:middle;
}