@charset "utf-8";

/*reset*/
html{-webkit-text-size-adjust:none !important;scroll-behavior:smooth;}
html, body{width:100%;height:100%;word-wrap:break-word;word-break:break-all}
html, body, div, header, footer, section, article, span, object, iframe ,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{margin:0;padding:0;font-size:100%;letter-spacing:-0.5px;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}
body{font-family:'Malgun Gothic', '맑은고딕', sans-serif;;font-size:12px;color:#000}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
form, fieldset, iframe{display:block;border:none}
button{margin:0;padding:0;border:none;background:none}
img{vertical-align:middle;border:0 none}
hr{display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q{quotes:none}
caption, legend, .hide, .blind{visibility:hidden;overflow:hidden;position:absolute;left:-9999em;top:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;line-height:0;font-size:0;outline:none;z-index:-1}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}

input, textarea, select, button{color:#000;vertical-align:middle;box-sizing:border-box;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='number']{border-radius: 0;-webkit-appearance:none}
input[type='checkbox']{margin:0;border-radius:0}
input[type='radio']{margin:0}

textarea{border-radius:0;-webkit-appearance:none}
::-webkit-input-placeholder{color:#999}

a{color:#000;text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none}
img{max-width:100%;vertical-align:middle}

/* ========== 레이아웃 ========== */
#wrap{overflow:hidden;min-width:360px;padding-bottom:50px}

/* header */
.header_wrap{height:123px}
header{position:fixed;left:0;top:0;z-index:999;width:100%;background:#fff}
header .header{position:relative;height:83px;border-bottom:1px solid #a8a8a8}
header .header .logo{width:160px;margin:0 auto;padding-top:26px}
header .btn_menu{position:absolute;left:8px;top:32px;width:40px;height:40px;font-size:0;color:transparent;}
header .btn_menu:before,
header .btn_menu span:before,
header .btn_menu span:after{content:'';position:absolute;left:50%;top:50%;width:16px;height:2.5px;border-radius:2px;background:#777;transform:translate(-50%, -50%)}
header .btn_menu span:before{margin-top:-6px}
header .btn_menu span:after{margin-top:6px}
header .gnb{height:40px}
header .gnb ul{overflow:hidden}
header .gnb ul li{float:left;width:33.3%;text-align:center}
header .gnb ul li a{display:block;font-size:13px;color:#000;line-height:40px}
header .gnb ul li.active a{color:#0043c0}

/* aside */
.aside_diimmed{position:fixed;left:0;top:0;z-index:1000;width:0;height:0;background:#000;opacity:0;transition:opacity 0.3s ease-out 0s;}
.aside{position:fixed;left:0;top:0;z-index:1000;width:77%;height:100%;padding-top:75px;background:#fff;transform:translateX(-100%);transition:transform 0.3s ease-out 0s;}
.asdie_scroll{overflow:auto;height:100%;}
.aside_close{position:absolute;left:0;top:0;width:100%;height:75px;background-color:#0043c0}
.aside_close .btn_close{position:absolute;right:0;top:50%;width:50px;height:50px;margin-top:-25px;font-size:0;color:transparent}
.aside_close .btn_close:before,
.aside_close .btn_close:after{content:'';position:absolute;left:50%;top:50%;width:20px;height:2px;background-color:#fff}
.aside_close .btn_close:before{transform:translate(-50%,-50%) rotate(45deg)}
.aside_close .btn_close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.aside_menu{position:relative;height:50%}
.aside_menu .list{padding:15px 0}
.aside_menu .list li{margin-top:5px}
.aside_menu .list li:first-child{margin-top:0}
.aside_menu .list li a{display:block;padding-left:32px;font-size:20px;color:#000;line-height:46px}
.aside_menu .list li span{display:inline-block;position:relative;}
.aside_menu .list li.updated span:after{content:'';position:absolute;right:-10px;top:12px;width:7px;height:7px;border-radius:50%;background-color:#0043c0}
.aside_menu.aside_top{}
.aside_menu.aside_top .logo{width:172px;margin:0 auto;padding-top:40px}
.aside_menu.aside_top:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#bfbfbf}
.aside_menu.aside_top .list{position:absolute;left:0;bottom:0;width:100%}
.aside_menu.aside_bottom{min-height:290px}
.aside_menu.aside_bottom .etc{position:absolute;left:27px;bottom:40px}
.aside_menu.aside_bottom .etc li{margin-top:10px;}
.aside_menu.aside_bottom .etc li:first-child{margin-top:0}
.aside_menu.aside_bottom .etc li a{display:block;padding:5px;font-size:15px;color:#000}
.aside_menu.aside_bottom .btn_logout{position:absolute;right:0;bottom:30px;padding:15px;font-size:15px;color:#000}

html.sideMenuOpen{overflow:hidden}
html.sideMenuOpen .aside{transform:translateX(0%)}
html.sideMenuOpen .aside_diimmed{width:100%;height:100%;opacity:0.3}

.track_list{position:fixed;left:0;bottom:0;z-index:100;width:100%;height:105px;padding-top:70px;border-radius:15px 15px 0 0;background-color:#0043c0;transition:all ease-out 0.3s}
.track_list .btn_track{position:absolute;left:50%;top:0;width:125px;height:40px;margin-left:-62px}
.track_list .btn_track span{display:block;padding-top:20px;font-size:13px;color:#fff;text-align:center}
.track_list .btn_track span:before{content:'';position:absolute;left:50%;top:9px;width:32px;height:5px;margin-left:-16px;border-radius:2.5px;background-color:#fff}
.track_list .list_area{overflow:auto;height:100%;padding-bottom:30px}
.track_list .list{display:none;margin:0 30px}
.track_list .list li{border-bottom:1px solid #fff}
.track_list .list li a{display:block;padding:8px 0 6px;color:#fff}
.track_list .list li a .tit{display:block;font-size:13px}
.track_list .list li a .time{display:block;margin-top:3px;font-size:14px}
.track_list.view{height:62%}
.track_list.view .list{display:block}


/* ========== 공통 ========== */
.blind{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}
.normal_content{padding:0 20px}

/* ========== 메인 ========== */
.main_banner{position:relative;padding:22px 20px 0}
.main_banner:before{content:'';position:absolute;left:0;right:0;top:0;bottom:40px;border-radius:0 0 40px 40px;background-color:#0043c0;}
.main_banner .swiper-container{overflow:hidden;position:relative}
.main_banner .swiper-pagination{position:absolute;left:5px;bottom:5px;width:auto;padding:0 5px;border-radius:8px;background-color:#fff;font-size:11px;color:#000;line-height:15px}
.main_banner .img{overflow:hidden;border-radius:12px}
.main_banner .img img{width:100%}
.main_sound{position:relative;margin-top:25px}
.main_sound .tit{margin-bottom:10px;font-size:13px;font-weight:normal;color:#000}
.main_sound .more{position:absolute;right:-10px;top:-10px;padding:10px;color:#000}
.main_sound .swiper-container{overflow:hidden;margin:0 -5px}
.main_sound .unit{position:relative;padding:0 5px}
.main_sound .unit a{display:block}
.main_sound .unit img{width:100%;border-radius:7px}
.main_sound .unit .desc{display:block;overflow:hidden;width:100%;margin-top:8px;font-size:10px;font-weight:normal;color:#000;text-overflow:ellipsis;white-space:nowrap}
,main_homework{margin-top:25px}
.main_homework .unit:before{content:'';position:absolute;right:10px;top:5px;width:16px;height:16px;background:url(/images/sub/icon_sound.png) no-repeat 0 -16px;background-size:100%}
.main_homework .unit.visited:before{background-position:0 0}
.main_newsound{margin-top:35px}
.main_newsound .unit:before{content:'';position:absolute;right:10px;top:5px;width:23px;height:13px;background:url(/images/sub/icon_new.png) no-repeat 0 0;background-size:auto 13px}


.main_sound .unit1{position:relative;padding:0 5px}
.main_sound .unit1 a{display:block}
.main_sound .unit1 img{width:100%;border-radius:7px}
.main_sound .unit1 .desc{display:block;overflow:hidden;width:100%;margin-top:8px;font-size:10px;font-weight:normal;color:#000;text-overflow:ellipsis;white-space:nowrap}
,main_homework{margin-top:25px}
.main_homework .unit1:before{content:'';position:absolute;right:10px;top:5px;width:16px;height:16px;background:url(/images/sub/icon_sound.png) no-repeat 0 -16px;background-size:100%}
.main_homework .unit1.visited:before{background-position:0 0}
.main_newsound{margin-top:35px}
.main_newsound .unit1:before{content:'';position:absolute;right:10px;top:5px;width:23px;height:13px;background-size:auto 13px}
.main_guide{margin-top:35px}
.main_guide .tit{margin-bottom:10px;font-size:13px;font-weight:normal;color:#000}
.main_guide ul{margin:0 -5px}
.main_guide ul li{float:left;width:33.3%;padding:0 5px}
.main_guide ul li img{width:100%}

/* ========== 서브 ========== */
/* ===== 서브공통 ===== */
.header_backtype{position:relative;height:62px;padding-top:16px;border-radius:0 0 40px 40px;background-color:#0043c0}
.header_backtype .page_title{font-size:15px;font-weight:normal;color:#fff;text-align:center;line-height:46px}
.header_backtype .btn_back{position:absolute;left:20px;top:20px;padding:10px}
.header_backtype .btn_back span{display:block;width:19px;height:17px;font-size:0;color:transparent;background:url(/images/layout/btn_back.png) no-repeat 0 0;background-size:auto 17px}
.header_backtype .btn_close{position:absolute;right:20px;top:20px;width:40px;height:40px}
.header_backtype .btn_close span{font-size:0;color:transparent}
.header_backtype .btn_close:before,
.header_backtype .btn_close:after{content:'';position:absolute;left:50%;top:50%;width:20px;height:2px;background-color:#fff}
.header_backtype .btn_close:before{transform:translate(-50%,-50%) rotate(45deg)}
.header_backtype .btn_close:after{transform:translate(-50%,-50%) rotate(-45deg)}

/* 공지사항 */
.notice_list{margin-top:23px;border-top:1px solid #a8a8a8}
.notice_list li{border-bottom:1px solid #a8a8a8}
.notice_list li .title{}
.notice_list li .title a{display:block;position:relative;padding:10px 45px 10px 20px}
.notice_list li .title a:after{content:'';position:absolute;right:25px;top:50%;width:8px;height:8px;border-left:1px solid #000;border-bottom:1px solid #000;transform:translateY(-50%) rotate(-45deg);transition:all 0.3s ease-out 0s;}
.notice_list li .title .tit{display:block;font-size:13px}
.notice_list li .title .date{display:block;margin-top:8px;font-size:10px}
.notice_list li .cont{display:none;padding:15px 20px;border-top:1px solid #a8a8a8;background-color:#ececec;font-size:13px;line-height:1.8}
.notice_list li.open .title a:after{transform:translateY(-50%) rotate(135deg)}
.notice_list li.open .cont{display:block}

/* 로그인 */
.login_wrap{height:100%;padding:62px 0}
.login_wrap .header_backtype{position:absolute;left:0;top:0;width:100%}
.login_wrap #container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100%}
.login_area{position:relative;width:100%;padding:150px 0}
.login_area .logo{position:absolute;left:0;top:50px;width:100%;text-align:center}
.login_area .logo img{width:247px}
.login_area .login_form{margin:0 20px}
.login_area .login_form li{margin-top:12px}
.login_area .login_form li:first-child{margin-top:0}
.login_area .login_form .input_login{width:100%;height:35px;padding-left:15px;border:2px solid #0043c0;border-radius:10px;font-size:15px}
.login_area .login_form .btn_login{display:block;height:35px;border-radius:10px;background:#0043c0;font-size:15px;color:#fff;line-height:36px;text-align:center}

/* 마이프로필 */
.header_myprofile{height:180px}
.my_profile{}
.my_profile .my_picture{position:relative;overflow:hidden;width:100px;height:100px;margin:-50px auto 0;border-radius:50%}
.my_profile .my_picture img{width:100%}
.my_profile .my_picture .input_mypicture{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}
.my_profile .my_info{margin-top:20px;border-top:1px solid #a8a8a8;text-align:center}
.my_profile .my_info ul{display:inline-block}
.my_profile .my_info ul li{font-size:15px;text-align:left}
.my_profile .my_info ul li:after{content:'';position:absolute;left:0;right:0;height:1px;background-color:#a8a8a8}
.my_profile .my_info ul li .info{padding:15px 0}
.my_profile .my_info ul li .dt{margin-right:30px}
.my_profile .btn_info_change{display:block;width:190px;height:36px;margin:100px auto 0;border:2px solid #0043c0;border-radius:18px;font-size:15px;text-align:center;line-height:34px}
.my_profile .btn_info_change + .btn_info_change{margin-top:15px}

/* 플레이리스트 */
.header_player{height:120px;padding-top:74px}
.play_list{margin-top:25px}
.play_list li{display:flex;align-items:center;position:relative;min-height:108px;padding:15px 80px;border-bottom:1px solid #a8a8a8}
.play_list li .thumb{overflow:hidden;position:absolute;left:0;top:15px;width:68px;height:78px;border-radius:5px}
.play_list li .thumb img{width:100%}
.play_list li .info{}
.play_list li .info .tit{display:block;font-size:16px}
.play_list li .info .ar{display:block;margin-top:2px;font-size:14px;color:#777}
.play_list li .info .time{display:block;margin-top:3px;font-size:14px;color:#777}
.play_list li .btn_play{position:absolute;right:20px;top:50%;width:39px;height:39px;margin-top:-20px;font-size:0;color:transparent;background:url(/images/sub/btn_play.png) no-repeat 0 0;background-size:100%}
.play_list li.new .thumb:before{content:'';position:absolute;right:3px;top:3px;width:23px;height:13px;background:url(/images/sub/icon_new.png) no-repeat 0 0;background-size:auto 13px}
.homework_list li .thumb:before{content:'';position:absolute;right:3px;top:3px;width:16px;height:16px;background:url(/images/sub/icon_sound.png) no-repeat 0 -16px;background-size:100%}
.homework_list li.visited .thumb:before{background-position:0 0}

/* 플레이어 */
.now_play{width:222px;margin:45px auto 0}
.now_play .thumb{text-align:center}
.now_play .thumb img{width:173px;border-radius:12px}
.now_play .tit{display:block;margin-top:20px;font-size:18px;font-weight:normal;text-align:center}
.now_play .player{position:relative}
.now_play .player .select_speed{-webkit-appearance:none;position:absolute;right:0;top:-30px;min-width:30px;height:17px;padding:0 4px;border:1px solid #0f4ec4;border-radius:8px;font-size:12px;line-height:16px;background:none}
.now_play .controller{overflow:hidden;width:241px;margin:35px 0 0 -9px}
.now_play .controller .btn_controller{float:left;width:46px;height:46px;margin-right:19px;font-size:0;color:transparent}
.now_play .controller .btn_controller:last-child{margin-right:0}
.now_play .controller .btn_rewind{background:url(/images/sub/btn_rewind.png) no-repeat 50% 50%;background-size:25px}
.now_play .controller .btn_start{background:url(/images/sub/btn_start.png) no-repeat 50% 50%;background-size:46px}
.now_play .controller .btn_start_ov{background:url(/images/sub/btn_start_ov.png) no-repeat 50% 50%;background-size:46px}
.now_play .controller .btn_stop{background:url(/images/sub/btn_stop.png) no-repeat 50% 50%;background-size:46px}
.now_play .controller .btn_ff{background:url(/images/sub/btn_ff.png) no-repeat 50% 50%;background-size:25px}
.now_play .slide_wrap{padding-left:11px}
.now_play .slide_wrap .range{position:relative;padding:2px 0}
.now_play .slide_wrap .range:before{content:'';position:absolute;left:-12px;top:2px;width:15px;height:8px;border-radius:4px 0 0 4px;background:#0043c0}
.now_play .slide_wrap .range .slider{position:relative;height:8px;border-radius:0 4px 4px 0;background:#ededed}
.now_play .slide_wrap .range .slider .ui-slider-range{position:absolute;left:0;top:0;width:100%;height:8px;border-radius:0 4px 4px 0;background:#0043c0}
.now_play .slide_wrap .range .slider .ui-slider-handle{position:absolute;left:0;top:-2px;width:13px;height:13px;margin-left:-12px;border-radius:50%;background:#000;outline:none}
.now_play .time_wrap{margin-top:75px}
.now_play .time_wrap .range .txt{position:absolute;top:100%;margin-top:5px;font-size:10px;color:#777;}
.now_play .time_wrap .range .txt.start{left:-12px}
.now_play .time_wrap .range .txt.end{right:0;}
.now_play .sound_wrap{position:relative;margin-top:40px;padding:0 20px 0 15px}
.now_play .sound_wrap .sound_off{position:absolute;left:0;top:0;width:9px;height:13px;background:url(/images/sub/icon_sound_off.png) no-repeat 0 0;background-size:9px}
.now_play .sound_wrap .sound_on{position:absolute;right:0;top:0;width:15px;height:13px;background:url(/images/sub/icon_sound_on.png) no-repeat 0 0;background-size:15px}

/* 검색 */
.search_form{margin-top:25px}
.search_form .cate_group{overflow:hidden;width:310px;margin:0 auto}
.search_form .cate{float:left;width:150px;text-align:center}
.search_form .cate:last-child{float:right}
.search_form .tit_category{display:inline-block;margin-bottom:5px;font-size:13px}
.search_form .select_category{-webkit-appearance:none;width:100%;height:33px;border:1px solid #777;border-radius:5px;background-color:#fff;font-size:18px;text-align:center}
.search_form .search_text{position:relative;margin-top:30px;border-bottom:2px solid #0043c0;}
.search_form .search_text .input_keyword{width:100%;height:40px;padding:0 30px;border:none;background:none;font-size:28px;text-align:center}
.search_form .search_text .btn_search{position:absolute;right:0;bottom:0;width:30px;height:40px;background:url(/images/sub/btn_search.png) no-repeat 50% 50%;background-size:24px;font-size:0;color:transparent}

/* 마이페이지 */
.my_page{position:relative;padding-top:63px}
.my_page:before{content:'';position:absolute;left:0;right:0;top:0;height:63px;border-radius:0 0 40px 40px;background-color:#0043c0;}
.my_page .my_info{position:relative;height:83px;margin-top:-41px}
.my_page .my_info .my_picture{position:absolute;left:0;top:0}
.my_page .my_info .my_picture img{width:83px;height:83px;border-radius:50%}
.my_page .my_info .center{position:absolute;left:90px;bottom:50%;margin-bottom:5px;font-size:13px;color:#fff}
.my_page .my_info .name{position:absolute;left:90px;top:50%;font-size:15px;font-weight:bold;}
.my_page .my_data{margin-top:15px}
.my_page .my_data .tab_menu{overflow:hidden;width:125px;margin:0 auto;border:1px solid #0043c0;border-radius:19px}
.my_page .my_data .tab_menu li{float:left;width:50%;height:17px;font-size:10px;text-align:center;line-height:18px}
.my_page .my_data .tab_menu li a{display:block;}
.my_page .my_data .tab_menu li.current a{background-color:#0043c0;color:#fff}
.my_page .my_data .my_play_list{margin-top:-5px}
.my_page .my_data .my_play_list ul{overflow:hidden;margin:0 -5px}
.my_page .my_data .my_play_list ul li{float:left;width:33.3%;margin-top:35px;padding:0 5px;}
.my_page .my_data .my_play_list ul li:nth-child(3n+1){clear:both}
.my_page .my_data .my_play_list ul li a{display:block}
.my_page .my_data .my_play_list ul li .thumb{overflow:hidden;border-radius:7px}
.my_page .my_data .my_play_list ul li .thumb img{width:100%}
.my_page .my_data .my_play_list ul li .desc{display:block;overflow:hidden;width:100%;margin-top:8px;font-size:10px;font-weight:normal;color:#000;text-overflow:ellipsis;white-space:nowrap}

.my_chart{margin-top:15px}
.my_chart .chart_area{position:relative;width:190px;margin:0 auto}
.my_chart .chart_area:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%}
.my_chart .chart_area .useage{position:absolute;left:0;top:50%;width:100%;font-size:15px;text-align:center;transform:translateY(-50%)}
.my_chart .chart_area .useage strong{display:block;font-size:25px}
.chart_label{width:230px;margin:10px auto 0}
.chart_label ul{overflow:hidden}
.chart_label ul li{float:left;width:33.3%;margin-top:5px;font-size:11px;line-height:15px}
.chart_label ul li:nth-child(4){clear:both}
.chart_label ul li span{display:inline-block;width:15px;height:15px;border-radius:3px;vertical-align:text-bottom}
.chart_label ul li span.label1{background-color:#0043c0}
.chart_label ul li span.label2{background-color:#f6bd00}
.chart_label ul li span.label3{background-color:#ef5cb1}
.chart_label ul li span.label4{background-color:#398918}
.chart_label ul li span.label5{background-color:#777777}
.chart_label ul li span.label6{background-color:#663399}
.chart_label ul li span.label7{background-color:#996633}

.graph_area{margin:30px 12px 0}
.graph_area .tab{overflow:hidden;margin-left:-5px}
.graph_area .tab li{float:left;position:relative;padding-right:1px}
.graph_area .tab li:after{content:'';position:absolute;right:0;top:8px;bottom:8px;width:1px;background-color:#000}
.graph_area .tab li:last-child:after{display:none}
.graph_area .tab li a{display:block;padding:7px 5px;font-size:10px;line-height:1.2}
.graph_area .tab li.current a{color:#0043c0;}
.graph_area .graph_box{display:none;height:150px;padding:20px 8px 8px;border:1px solid #d1d1d1;border-radius:10px}
.graph_area .graph_box .graph{display:flex;justify-content:space-between;position:relative;height:100%;padding-bottom:15px}
.graph_area .graph_box .graph:after{content:'';position:absolute;left:0;bottom:15px;width:100%;height:1px;background-color:#a8a8a8}
.graph_area .graph_box .graph li{position:relative;height:100%}
.graph_area .graph_box .graph li .bar{position:absolute;left:50%;bottom:0}
.graph_area .graph_box .graph li .time{position:absolute;left:50%;top:0;margin-top:-15px;font-size:10px;color:#777;white-space:nowrap;line-height:15px;transform:translateX(-50%)}
.graph_area .graph_box .graph li .date{position:absolute;left:50%;top:100%;font-size:10px;color:#777;white-space:nowrap;line-height:15px;transform:translateX(-50%)}
.graph_area .graph_box .graph_day li{width:14%}
.graph_area .graph_box .graph_day li .bar{width:7px;margin-left:-3px;border-radius:2px 2px 0 0;background-color:#78cfea}
.graph_area .graph_box .graph_month li{width:16%}
.graph_area .graph_box .graph_month li .bar{width:12px;margin-left:-6px;border-radius:6px 6px 0 0;background-color:#0043c0}
.graph_area .graph_box.on{display:block}

/* 이용약관 */
.disable_user_select{
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.terms{margin-top:23px;padding:18px 20px 0;border-top:1px solid #a8a8a8}
.terms .title{font-size:15px}
.terms .cont{margin-top:20px;font-size:13px;white-space:pre}

/* 메일쓰기 */
.contact{margin-top:23px}
.contact .contact_form li{overflow:hidden;padding:0 20px;border-top:1px solid #a8a8a8}
.contact .contact_form li.cont{padding:20px 20px 0}
.contact .contact_form li .th{float:left;width:75px;font-size:15px;line-height:44px}
.contact .contact_form li .td{overflow:hidden}
.contact .contact_form li .input_contact{width:100%;height:44px;border:none;border-radius:0;background:none;font-size:15px;}
.contact .contact_form li .textarea_contact{width:100%;height:225px;padding:10px;border:1px solid #a8a8a8;border-radius:0;background:none;font-size:15px}
.contact .msg{margin:10px 20px 0;font-size:13px}
.contact .privacy{position:relative;margin-top:15px;padding:0 20px}
.contact .privacy .check_privacy{border:1px solid #000}
.contact .privacy .label_privacy{font-size:13px;font-weight:bold;}
.contact .privacy .btn_view{position:absolute;right:20px;top:-5px;padding:5px 18px 5px 5px;font-size:11px}
.contact .privacy .btn_view:after{content:'';position:absolute;right:2px;top:50%;width:7px;height:7px;margin-top:-3px;border-left:1px solid #000;border-bottom:1px solid #000;transform:translateY(-50%) rotate(-45deg);transition:all 0.3s ease-out 0s;}
.contact .privacy .privacy_cont{display:none;margin:10px -20px 0;padding:15px 20px;background-color:#ececec;font-size:13px;line-height:1.6}
.contact .privacy.view .privacy_cont{display:block}
.contact .privacy.view .btn_view:after{margin-top:2px;transform:translateY(-50%) rotate(135deg)}
.contact .btn_inquiry{display:block;width:180px;height:37px;margin:20px auto 0;border:2px solid #0043c0;border-radius:19px;font-size:15px;line-height:37px;text-align:center}