@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap'); /*//////////////////////////////////////////////////////////////////////////////*/ /*Mobile/////////////////////////////////////////////////////////////////////////*/ /*공통 css ----------------------------------------------------------------------*/ .chtml { padding:15px 10px 20px 10px; } .chtml p { padding:0px; margin:0px; letter-spacing:-1px; } .chtml .cimg_area .cimg_change { display:none; } .note-editable .chtml .cimg_area .cimg_change { display:inline-block; position:absolute; z-index:49; background-color:#007bff; color:#fff; margin-left:10px; margin-top:-5px; padding:3px 5px; font-size:11px; cursor:pointer; } .note-editable .chtml .cimg_area .cimg_change:before { content:"\f364"; display:inline-block; font-family:"Font Awesome 5 Pro"; margin-right:5px; } .chtml .admTip { display:none; font-size:11px !important; letter-spacing:0px; } .note-editable .chtml .admTip { display:inline-block; font-size:11px !important; letter-spacing:0px; } /*해당템플릿 css ----------------------------------------------------------------------*/ .chtml_grtngTemp01 { position:relative; padding:30px 15px 10px 15px } .chtml_grtngTemp01 .cimg_area { position:absolute; right:0px; top:0px; z-index:5; width:100%; height:100%; overflow:hidden; } .chtml_grtngTemp01 .cimg_area img { } .chtml_grtngTemp01 .chtml_chead { position:relative; z-index:15; } .chtml_grtngTemp01 .chtml_chead:after { content:""; display:block; clear:both; overflow:hidden; height:0px; } .chtml_grtngTemp01 .chtml_chead .ch_text01 { padding-top:15px; font-size:20px; font-weight:bold; color:#292c71; } .chtml_grtngTemp01 .chtml_chead .ch_text01 p { font-size:20px !important; font-weight:bold; color:#292c71; } .chtml_grtngTemp01 .chtml_cbody { position:relative; z-index:15; padding-top:20px; } .chtml_grtngTemp01 .chtml_cfoot { position:relative; z-index:15; padding-top:20px; text-align:right; } .chtml_grtngTemp01 .chtml_cfoot .cf_text01 { } .chtml_grtngTemp01 .chtml_cfoot .cf_text02 { font-weight:bold; } .chtml_grtngTemp01 .chtml_cfoot .cf_text02 p { font-weight:bold; color:#1b55a9; } .chtml_grtngTemp01 .chtml_cfoot .cf_text02 strong { display:inline-block; padding-left:5px; padding-top:0px; font-size:30px; font-weight:normal; letter-spacing:1px; color:#000; } .chtml_grtngTemp02 { } .chtml_grtngTemp02 .chtml_chead { } .chtml_grtngTemp02 .chtml_chead:after { content:""; display:block; clear:both; overflow:hidden; height:0px; } .chtml_grtngTemp02 .chtml_chead .ch_deco01 { content:"l"; display:block; font-size:130px !important; line-height:40px; font-family:dotum; color:#292c71; height:40px; position:relative; margin-left:-5px; overflow:hidden; } .chtml_grtngTemp02 .chtml_chead .ch_text01 { padding-top:15px; font-size:20px; font-weight:bold; color:#292c71; } .chtml_grtngTemp02 .chtml_chead .ch_text01 p { font-size:20px !important; font-weight:bold; color:#292c71; } .chtml_grtngTemp02 .chtml_chead .ch_text02 { padding-top:16px; font-size:20px !important; font-weight:bold; } .chtml_grtngTemp02 .chtml_chead .ch_text02 p { font-size:16px !important; font-weight:bold; } .chtml_grtngTemp02 .chtml_chead .ch_img01 { } .chtml_grtngTemp02 .chtml_chead .ch_img01 img { width:160px !important; height:215px; margin:15px 0px 10px 10px; background-color:#ddd; } .chtml_grtngTemp02 .chtml_cbody { padding-top:20px; } .chtml_grtngTemp02 .chtml_cfoot { padding-top:20px; font-weight:bold; } .chtml_grtngTemp02 .chtml_cfoot p { font-weight:bold; } .chtml_grtngTemp02 .chtml_cfoot strong { display:inline-block; padding-left:10px; padding-top:20px; font-family:"East Sea Dokdo", cursive; font-size:40px; font-weight:normal; letter-spacing:1px; } .chtml_grtngTemp03 { } .chtml_grtngTemp03 .chtml_chead { } .chtml_grtngTemp03 .chtml_chead:after { content:""; display:block; clear:both; overflow:hidden; height:0px; } .chtml_grtngTemp03 .chtml_chead .ch_text01 { padding-top:10px; padding-left:0px; font-size:26px; font-family:"Nanum Brush Script", cursive; color:#292c71; } .chtml_grtngTemp03 .chtml_chead .ch_text01 p { font-size:26px !important; font-family:"Nanum Brush Script", cursive; color:#292c71; font-weight:bold; } .chtml_grtngTemp03 .chtml_chead .ch_text01 p.topLine { font-family:dotum; font-weight:bold; letter-spacing:-10px; font-size:50px !important; line-height:20px; margin-left:-5px; color:#ec300a; } .chtml_grtngTemp03 .chtml_chead .ch_text01 strong { color:#ec300a; display:block; } .chtml_grtngTemp03 .chtml_chead .ch_text01 b { font-size:30px; font-weight:bold; } .chtml_grtngTemp03 .chtml_chead .ch_img01 { } .chtml_grtngTemp03 .chtml_chead .ch_img01 img { width:160px; height:auto; margin:15px 0px 10px 10px; background-color:#ddd; border:6px solid #e1e1e1; } .chtml_grtngTemp03 .chtml_cbody { padding-top:20px; } .chtml_grtngTemp03 .chtml_cfoot { padding-top:20px; text-align:right; } .chtml_grtngTemp03 .chtml_cfoot p.ch_text01 { display:inline-block; font-weight:bold; } .chtml_grtngTemp03 .chtml_cfoot p.ch_text02 { display:inline-block; padding-right:10px; } .chtml_grtngTemp03 .chtml_cfoot p.ch_text02 strong { display:inline-block; padding-left:10px; padding-top:20px; font-family:"Nanum Pen Script", cursive; font-size:60px; font-weight:normal; letter-spacing:1px; }